Change Value Text of button

This site is best viewed in a modern browser with JavaScript enabled.

eswbitto

I'm wanting to change the text of the "Save Form and Resume later" button.

When I look at the code this is showing up.
<input type="button" value="Save form and resume later" name="button_save_form" class="button_text" id="button_save_form">

However, I want to change the value to just "Submit"
Its calling view.js, but I didn't know what would be the best approach. Do I use css to make this change or do I need to hard code something in?

williamansley

eswbitto: You can do this with a custom javascript file. If you don't know how to attach a custom javascript to a form, let me know. Put the following code in the javascript file:

$(function(){
	$("#li_resume_checkbox label").text("Save my progress and resume later TEST");
});

Replace the text "Save my progress and resume later TEST" with just "Submit" or whatever you want.

For more information, see this thread in the old forum:

https://www.machform.com/forums/topic/can-a-custom-javascript-overwrite-text-on-a-form-web-page

This only works on a form-by-form basis, so if you want to change this for all of your forms, it will be easier to change the actual Machform code, but I can't help you with that.

Feel free to reply with any questions and I'll do my best to respond.

eswbitto

Yeah I don't know how to add a custom javascript file in.
I only want to change the button for this one form. So I think it will be a easy thing to do. I'd appreciate your help on this.

williamansley

eswbitto You will need to be able to upload a file to the web server on which Machform is installed. I can't help you with that; there are too many possible web hosting situations for me to even attempt to provide any guidelines.

It can be anywhere on the web server, but I recommend making a special folder for your form javascripts in your /machform/ directory; call it custom_javascript for example. Use a text editor to create a file containing the javascript code given in my first post and save it with a .js extension. Make sure the editor doesn't add a .txt after it. Also name the file without any spaces in the name or any special characters other than underscores; for example: button_rename.js

Now upload the file to a known location on your web server.

Find your form in the Form Manager and click the Edit tab. Once in the Form Editor, in the panel to the right, click the Form Properties tab, and then the show more options link at the bottom. More options will be revealed. Scroll down until you see Advanced Option. Under that you should see a Load Custom Javascript File check box. Check it. Put the URL of your custom javascript file on your web server into the Script URL: text field that is revealed; for example: https://www.mydomain.com/machform/custom_javascript/button_rename.js

Save your form and then view it and you should see the text is changed to what you want.

eswbitto

Thanks William for the information.

Ok so I have created my own js file on the webserver. I'm using centos and I'm wondering what permissions I should assign this file.

The other issue that I'm running into is when I do 777 for permissions just for testing I don't see any changes on the form. That's even after restarting apache.

eswbitto

Nevermind...I figured out what was wrong. I had previously been using a custom css file to make changes and that was over writing my javascript. I've deleted the css file and now its all working.

Thanks so much for your help!

eswbitto

Now I want to change the confirmation page that comes after clicking the button to send the half completed form to an email address.

From the link that you sent there were a couple lines of js that you couldn't get working....Did you ever get this resolved?

williamansley

eswbitto Yes, the problem turned out to be due to a bug in Machform that should be fixed in the latest version. With the fix, the all the code that Yuniar gave me worked fine. Here is a link that should take you directly to a description of the fix, but the fix should already be implemented in v. 4.8.

eswbitto

I currently have 4.8 and I seen the bug fix for it yesterday. I verified the code and I see the fix has been implemented, but it still isn't working.

When I add the two extra lines of code in my custom js file the form doesn't respond when I click on the "save and continue later" check box, enter the email address and click the submit button.

It doesn't even send out an email.

I've reviewed the logs to see if there is any type of error being thrown and I don't see any whatsoever.

williamansley

eswbitto I'm sorry to hear that. I haven't upgraded to 4.8, I just manually applied the fix you have seen. Perhaps something else that was changed in the 4.8 update broke the fix. I will try to upgrade my test instance of Machform to 4.8 and test this, but I may not have time to do this for a while.

eswbitto

No worries. I really have appreciated the time you have already spent on helping me. Thank you

eswbitto

I have been able to get the last page to work half way. In my custom js code I have put.

<code>
document.getElementById("form_success").innerHTML = $("h2:contains('progress')").text('Your order request has been forwarded!');
</code>

This works, but when I look at developer tools is is throwing an error.

"Uncaught TypeError: Cannot set property 'innerHTML' of null"

Edit: The original code you suggested actually works. The code appears to be working when I clear the cache of the form. Or if I remove the cookie. After looking into it further I'm getting a status code of 302 Moved Temporarily.

I think this has something to do on the machform server files. Any help would be appreciated.

NadineHere

I have used some custom javascript which I added to the view.js to change the button label and add a GDPR notice for all forms, which works on the view.php but not on the confirm.php as the view.js is missing there. It's not included. I also noticed the button ID on the confirm.php changes, from submit_form to review_form, maybe that helps.