What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.
We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.
I need a button to cancel & Go BackAsked by mgcaledonian13 on September 16, 2014 at 08:08 PM
I need a button to cancel & Go Back to a specific page called http://www.mgcaledonian.com/contact-us/
I saw this some where on the forum but I am unable to find it now.
Are you referring to the page break buttons? Like you can proceed to the next page by pressing next button and hit back button if you want to go back to the previous page? If yes, here's a full guide for that: http://www.jotform.me/help/119-How-to-Create-Multi-Page-Forms
Page break is under Survey Tools.
If I have misunderstood your question, let us know here.
No I am afraid that that is not what I am looking for.
What I want is a link that takes the user back to a specific page within the site. The code would look something like this<INPUT TYPE="button" VALUE="Back" onClick="http://mgcaledonian.com/events">
would this work if placed in the html of the text field html editor ?
I did see this somewhere or a similar block of code.
I have used the page break before and will be using the page break in this form.
Plese see the page that I am attemping to go to http://www.mgcaledonian.com/contact-us/
If you want to achieve this within the form editor, easier way is to add a hyper link code in the "Text" field of your form. Please check the screenshot below:
You can decorate the hyperlink with css to make it look like a button. Please check code below which you can use in the "Text" field:
<p><a target="_blank" href="https://www.jotform.com/myforms/" style="display: block; width: 150px; height: 25px; background: #4E9CAF; padding: 10px; text-align: center; border-radius: 5px; color: white; font-weight: bold;">Cancel and go back</a></p>
Alternatively, you can simply add a button inside an anchor tag and that will also work for you:
<a target="_blank" href="https://www.jotform.com/myforms/"><button type="button">Cancel and go back</button></a>
It will give you an output something like in the screenshot below:
Hope this helps.
Do get back to us if you have any questions.
Thanks for that info.
The undecorated link (the hyperlink) works OK but the decorated version does not work, I can right click on the decorated version and select "open in new window" that works fine so there appears to be something wrong with the decorated version. There is no "selection hand" showing either indicating that there is no link.
Have I missed something ?
See page with the two button versions here http://www.mgcaledonian.com/contact-form-page/
I have fixed it in your JotForm. It seems the button code was not copied correctly. I have done the required changes in your form and the button seems to be working as expected. Please check it in your web page: http://www.mgcaledonian.com/contact-form-page/
I copied that code and checked it and it all seemed ok.
It still does not work even with your "fix" on the decorated button, No "hand Selection" to indicate a link present and no link anyway.
No "hand Selection" to indicate a link present and no link anyway.
It is just a button and that is the reason it does not display that it is a link. Please use the following code for your button which will show you a link when you mouse over the button:
<a target="_blank" href="http://www.mgcaledonian.com/contact-us/" rel="nofollow"><button type="button" style="text-shadow: 0 1px #fff; cursor: pointer;">Cancel and go back</button></a>
Please check the screenshot on how it will display in your form:
Please take a look at the following cloned form and see if this looks okay: http://form.jotformpro.com/form/42603140147948? Feel free to clone this form for a closer look. The following guide should help you in form cloning: https://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL
Thanks for that update.
I solved the problem by placing an image on the Form and adding a link to it so that it redirected to the page required.
I will try your update as it will clearly avoid the necessity to create an image each time.
I am glad to know that your issue is resolved.
Do get back to us if you have any questions.