Page break container displayed after hiding back button

  • AA_C
    Asked on May 26, 2015 at 3:09 PM

    I'm using a page on my form. It stops applicants from moving on until the top section is completed.

    When I set it up I made the "Back" portion hidden from view. Now a box appears at the very bottom of my form with no fields. Try as I may I cannot get rid of it without messing up the javascript and the form will not function correctly.

    I embed my forms and with my formatting this appears as strange field and looks bad. How can I get rid of it?

    I have submitted an image showing the field as it appears at the bottom of my form and the url for the web page.

    formID 51433536104951

     

    Thank you,

    Robert

    Jotform Thread 576315 Screenshot
  • Kiran Support Team Lead
    Replied on May 26, 2015 at 4:40 PM

    Hello Robert, 

    I am checking on the issue. I see that you have embedded the JotForm using source code method. Could you please confirm on this? Let me get back to you once I have any information in this regard.

    Thank you for your patience.

     

  • AA_C
    Replied on May 26, 2015 at 5:40 PM

    Hello Kiran

    Yes I use embedded source code for all my forms.

    TNX

  • AA_C
    Replied on May 26, 2015 at 8:17 PM

    Hi,

    By changing some css code I have been able to reduce the size of the container, but not eliminate it. So right now it is not as apparent as it was.

    I would still like to remove it.

    TNX 

  • Charlie
    Replied on May 26, 2015 at 11:17 PM

    Hi,

    May I know if you have some custom functions or changes you did to your form in it's full source code?

    Please do take note that when you make edits to your form using the form builder, not all of the changes will reflect to your form embedded on your website, this is because you used the full source code. You might want to consider using the default embed code or iFrame founder under "Embed Form" options.

    Page break container displayed after hiding back button Image 1 Screenshot 30

     

    I've cloned your form and added my custom CSS code there using the Form Designer tool. Here's my cloned form: http://form.jotformpro.com/form/51458807580967?.

    Here's my custom CSS code:

    div > ul:nth-child(2) > li.form-input-wide {

        display: none !important;

    }

    Page break container displayed after hiding back button Image 2 Screenshot 41

     

    If you wish to use my cloned form, you can do copy it by following this guide: http://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL.

    Do let us know if this works.

    Thank you.

  • AA_C
    Replied on May 27, 2015 at 8:16 PM

    Hi Charlie,

    Thank you,  your custom css code was the fix I needed.

    Yes I'm am aware about changes not be reflected at our site if made using form builder. I have a method of making sure the changes are incorporated properly.

    Thanks again.

    Robert

  • Charlie
    Replied on May 27, 2015 at 11:53 PM

    You're welcome. I'm glad it worked.

    If you needed any assistance again, please don't hesitate to post it here in the forum.

    Thank you.