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.


  • Profile Image

    How to remove back button in form page breaks?

    Asked by Looka on August 08, 2011 at 01:03 AM

    I want to make online survey, but i dont want people to be able to go back, and change their answers.

    I love your service, and ill keep supporting u no matter what!

    This would just mean a lot, if there is any way to do it.

    Thanks!

    Page URL:
    stillinprogress

  • Profile Image

    Answered by brx250 on August 08, 2011 at 02:03 AM

    Hi Looka,

    Thank you for using JotForm.

    Unfortunately, JotForm currently doesn't provide a way to do this unless you edit the code manually. You can download it from the "Setup & Embed" tab, click "Embed" and select "Source". Omit the part something similar below.

    <div class="form-pagebreak-back-container form-label-left"> 
                            <button type="button" class="form-pagebreak-back" id="form-pagebreak-back_14">
                                Back
                            </button> 
                        </div> 

    Hope this helps.

    If you have further issues and concerns, please feel free to contact us.

    ____________________________________________  

     Albert  |  JotForm Support


  • Profile Image

    Answered by Looka on August 08, 2011 at 02:52 AM

    Thanks for your help!
    It's not as easy as it seems, cause there are several page breaks, but ill try to figure it out :)

    Thank you for the fast reply! :)

  • Profile Image

    Answered by brx250 on August 08, 2011 at 03:38 AM

    We are always glad to help!

    You might also want to use any IDE such as Notepad ++ or Dreamweaver in editing your code. And for your convenience, you can press Ctrl+F and type the word pagebreak. This will scan the whole file for the word/s that you are looking for. Good luck! 

    Hope to hear from you soon.

     

    ____________________________________________   

     Albert  |  JotForm Support

  • Profile Image

    Answered by Looka on August 08, 2011 at 03:49 AM

    Hi again :)
    I cant seem to get it to work.
    There is to many similar codes, and no matter wich one i try to change/delete, the form looks crooked.

    Can u please be more specific about which part should be removed? :)

    tnx

  • Profile Image
    JotForm Support

    Answered by NeilVicente on August 08, 2011 at 04:30 AM

    Hi,

    Alternatively, you may inject this css code to hide the division that holds the back buttons:

    .form-pagebreak-back-container {
        display:none;
    }

    To inject custom css:

    1.  Go to Setup & Embed tab
    2.  Click Preferences Form button
    3.  Choose Form Styles tab
    4.  Copy and paste the css code in the Inject Custom CSS textarea


     

    This workaround enables you to use any type of methods you prefer to embed the form, be it iframe, short embed or source.

    We certainly hope you find our solutions useful. If you have more questions about this topic, do not hesitate to post again. You may also open new threads for questions unrelated to the original issue at hand.


    Neil

  • Profile Image

    Answered by Looka on August 08, 2011 at 04:34 AM

    AND IT WORKED LIKE A CHARM! A M A Z I N G!

    Thank you so much!


    All the best to the JotForm team, keep up the great work!

  • Profile Image
    JotForm Support

    Answered by NeilVicente on August 08, 2011 at 04:51 AM

    As always, we are happy to be of service.

    Cheers!

  • Profile Image

    Answered by afaba on June 06, 2012 at 04:33 AM

    Just thought I'd contribute... I'm no expert so please take this as a guide only.

    That css

    .form-pagebreak-back-container {
        display:none;
    }

    will remove all back buttons in a form but if you only want to target one page break you need use the ID tag for the particular page break you want to affect.

    EG. I have a page break with the following ID:

    #form-pagebreak-back_52, #form-pagebreak-next_52   so I added this to the above CSS like this:

    #form-pagebreak-back_52, #form-pagebreak-next_52-back-container {
        display:none;
    }

     

    ***note that the first part of the code ".form-pagebreak" (grey part of code) is the only part that is entirely replaced with the page break ID "#form-pagebreak-back_52, #form-pagebreak-next_52"

    It worked for me.  Hopefully it'll work for anyone else.