How do I add a "Return to First Page" type of button?

  • kathyhon13
    Asked on October 22, 2014 at 12:52 AM
  • KadeJM
    Replied on October 22, 2014 at 9:49 AM

    There are a few ways you could allow your users to return to the first page of your jotform.

    Option 1 - Add Form Tabs. See this widget here http://widgets.jotform.com/widget/form_tabs where you could simply label the first tab as the First Page.

    Option 2 - Use conditional logic with a pagebreak to generate rules which would use the back button to skip back to the first page. You can then relabel your back button as you like to suit it.

    Option 3 - Use the Text [HTML] Field to add a button to your jotform which can be clicked to go back to the first part of the form.

  • kathyhon13
    Replied on October 22, 2014 at 8:25 PM

    Thanks Kade! 

    I like the Form Tabs idea. However, as my form has 12 pages, the first few tabs cannot be seen as they are hidden behind by "Progress Bar". Is there a CSS code I could add to fit all the Form Tabs on the top so that all are visible? Thanks!

     

     

  • Kiran Support Team Lead
    Replied on October 23, 2014 at 12:26 AM

    I see that you have used conditions on the JotForm. I've cloned your JotForm into my account and tried adding Tabs widget and I was able to replicate what you were saying.

    You can make the tabs visible which were hidden behind the progress bar by injecting the following custom CSS code :

    .form-all {

    padding-top: 48px;

    }

    Please refer to the guide below to inject custom CSS code to your JotForm: 

    http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    Hope this information helps. Please let us know if you need further assistance. We will be happy to help.