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

    Next button goes to a non existent page

    Asked by DVandy on August 24, 2013 at 05:01 PM

    When I add a next button to the last page of my form, it goes past the end, to a non-existent page. I don't want a next button, but I want to be able to go back to the last page.

     

    Also, the last "Previous/Next" buttons do not show up in the correct place, based on where they are placed in the form.

     

    All of the "previous/Next" buttons work except the last one.

    Page URL:
    http://www.jotform.com//?formID=31705149946965

    next next button back button back last page
  • Profile Image
    JotForm Support

    Answered by abajan on August 24, 2013 at 08:00 PM

    Unfortunately, I have not been able to reproduce the behavior mentioned. Once "Yes" is not selected for the last field, the "Back" button is displayed without any "Next" one, as it should be because it's the last page. That "Back" button works fine too.

    Which browser are you using? Also, is the form embedded in a web page? If so, please provide that page's URL, so that we can further investigate the issue.


    Thanks

  • Profile Image

    Answered by Dale Vandy on August 24, 2013 at 09:00 PM

    Yes, I got it figured out before I had a chance to report back here  Sorry about that  Thanks for the quick reply.

  • Profile Image

    Answered by DVandy on August 30, 2013 at 12:57 AM

    Okay. it is doing it again. If I go to the last page break form item and delete the "Next" text in the properties item, it seems to work for awhile, but then the next button appears again on the last page-where there should not be one.

    Why is there a "next" button on the last page? How can I get rid of it permanently?

  • Profile Image
    JotForm Support

    Answered by abajan on August 30, 2013 at 06:24 AM

    Hi again,

    Deleting the last two elements from the form (the last form collapse and the last page break that's below it) should solve the problem, as in this clone. (I've removed the "Required" validation from all fields which were so set to expedite testing.)

    Also, I'll see if that last "Back" button can be better positioned and get back to you.

  • Profile Image
    JotForm Support

    Answered by abajan on August 30, 2013 at 07:38 AM

    Adding the following rules to the form's injected CSS will reposition both the last "Back" button and the hover text associated with both "Click if you have read the text" fields:

    #id_67 .form-description,
    #id_77 .form-description {
    left: 230px;
    }

    #form-pagebreak-back_127 {
    position: absolute;
    z-index: 10000;
    margin-top: -162px;
    margin-left: 450px;
    }

    This can be seen in this clone.

    If you would like additional help with positioning the hover texts (I noticed that many of them are obscuring their fields) please open a new thread, as that is unrelated to the topic of the current thread.


    Thanks

  • Profile Image
    JotForm Support

    Answered by abajan on August 30, 2013 at 07:41 AM

    Oops ... Now that the button has been re-positioned, it's not working!

    Back to the drawing board ...

  • Profile Image

    Answered by DVandy on August 30, 2013 at 12:08 PM

    The last button looks great! Did you figure out why the repositioning breaks the form, and how it can be fixed yet?

  • Profile Image
    JotForm Support

    Answered by abajan on August 30, 2013 at 12:35 PM

    I'm afraid not. Hopefully, my colleagues can come up with something.

  • Profile Image
    JotForm Support

    Answered by abajan on August 31, 2013 at 01:11 PM

    Okay, I've found the solution to that problem. Change the last rule from

    #form-pagebreak-back_127 {
    position: absolute;
    z-index: 10000;
    margin-top: -162px;
    margin-left: 450px;
    }

    to

    #section_175 .form-pagebreak-back-container {
    position: absolute;
    z-index: 10000;
    margin-top: -162px;
    margin-left: 450px;
    }

    However, there's another problem. I think it's best if you see it for yourself. Go to the this clone, select Water/Wastewater Long-term Class on the first page and just click "Next" > "Next" etcetera until you reach the last page. Now click the "Back" button.

  • Profile Image

    Answered by Dale Vandy on August 31, 2013 at 09:13 PM

    Yes, I noticed that myself when trying outnthe new form.

     

    Why does it do that,  and what can be done to fix it?

     

     

     

     

  • Profile Image

    Answered by jedcadorna on September 01, 2013 at 05:59 AM

    I tried to cloned a copy of this form http://www.jotform.com//?formID=31705149946965 and replicate the issue on my end and it seems that the last page next button works fine just by removing the name next to the property settings. I also tried it on chrome and mozilla. can you please take a look at this form.

  • Profile Image

    Answered by DVandy on September 11, 2013 at 11:49 PM

    I tried that at first, but it seems that for some reason, the name does not stay removed. In other words, the button reappears all on its own--even if I haven't edited it.

  • Profile Image
    JotForm Support

    Answered by EltonCris on September 12, 2013 at 01:23 AM

    @ DVandy

    I think it's not necessary to add a pagebreak and a form-collapse at the end of the form because the last pagebreak on top of the last section when you edit your form automatically creates a back button at the end part of the page.

    I am referring to this two elements.

    Here's a demo: http://form.jotformpro.com/form/32540822717957?

    Let me know if I have missed something here. Thanks!