How To Add Back and Next Button Without Page Break?

  • Profile Image
    guineapigme
    Asked on February 02, 2015 at 06:58 PM

    Hi there,

     

    My form has a long page and I would like to put a back button at the top of some pages.  How can I insert one of these next/back buttons without adding the entire page break 

  • Profile Image
    Charlie
    Answered on February 02, 2015 at 10:15 PM

    Hi,

    I'm not sure if I understood your question completely. The back and next button are only available using the page breaks, this is because we want to change from next page/section or get back to the previous one. May I know if how you would like to use the next and back button?

    You may also use the visibility option to show and hide the next and back buttons.

    If you are looking on to make your form having some tabs to separate them by part, I believe you can use this widget that we have: http://widgets.jotform.com/widget/form_tabs 

    I hope this helps. Please do provide us more details on how you would like your form to look like to better assist you.

    Thank you.

  • Profile Image
    guineapigme
    Answered on February 02, 2015 at 11:46 PM

    Thanks for the suggestion about hiding the next or back button.

     

    My idea for the form would be the following, I have a multiple page form that people might being going back and forth various pages from ... .

     

    Let's say a person works on page 1 and then goes to page 2 with the next button.   I currently have my next and back buttons at the bottom of the page (given the page break).   

     

    In the event that someone advances to the next page, but then decides that they didn't want to do that, the only way to get to the previous page is to find the next/back buttons at the bottom of the page.  I would like the option to put page advance/retreat at the top of a form as well to allow for easy navigation without inserting  a page break.

     

    Thanks!

     

    Deborah

  • Profile Image
    Charlie
    Answered on February 03, 2015 at 09:24 AM

    Hi,

    Unfortunately, we can't add a back or next button without the page break. But, we could position them using custom CSS codes, here are the elements of each page break that you have, you could position it on the top.

    #cid_169 > div {

    }

    #cid_134 > div {

    }

    #cid_164 > div {

    }

    You can add position on them using this guide: http://www.w3schools.com/css/css_positioning.asp.

    But I would recommend using this widget instead: http://widgets.jotform.com/widget/form_tabs. Then just hide all the next and back buttons. You can check a sample edit of your clone here: http://form.jotformpro.com/form/50333272808957.

    Aside from using CSS code and the widget, I believe these are the available ones that we can use.

    Do let us know if this helps.

    Thank you.

  • Profile Image
    d_lane
    Answered on May 29, 2016 at 02:43 PM

    Hello is it possible to add a reset or refresh button. So once selected the form refreshes back to its original state without having to refresh the entire page?
  • Profile Image
    Jan
    Answered on May 29, 2016 at 03:27 PM

    @d_lane

    I created a separate thread for you. Here's the link: https://www.jotform.com/answers/849473

    We'll post our reply on that thread. Thank you.