- mgcaledonian13Asked 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.
- JotForm SupportEltonCrisAnswered on September 16, 2014 at 11:17 PM
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.
- mgcaledonian13Answered on September 17, 2014 at 03:12 AM
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/
- JotForm Supportashwin_dAnswered on September 17, 2014 at 04:35 AM
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.
- mgcaledonian13Answered on September 18, 2014 at 02:36 AM
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/
- JotForm Supportashwin_dAnswered on September 18, 2014 at 02:51 AM
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/
- mgcaledonian13Answered on September 18, 2014 at 04:26 AM
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.
- JotForm Supportashwin_dAnswered on September 18, 2014 at 08:48 AM
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 noopener"><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
- mgcaledonian13Answered on September 18, 2014 at 07:28 PM
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.
- JotForm Supportashwin_dAnswered on September 19, 2014 at 12:36 AM
I am glad to know that your issue is resolved.
Do get back to us if you have any questions.