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

  • Profile Image
    Asked on October 22, 2014 at 12:52 AM
  • Profile Image
    Answered on October 22, 2014 at 09: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 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.

  • Profile Image
    Answered on October 22, 2014 at 08: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!



  • Profile Image
    Answered 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: 

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