I am having issues with editing page break buttons.

  • KLiebs
    Asked on March 24, 2020 at 12:01 PM

    I cannot get the back, save, and next buttons on page break to edit properly on my 16th Annual Mobile Health Clinics Conference Speaker form to edit properly.


    On page 4 of the form, I have embedded two PDF files.  These files are PDF editable and are to be completed and submitted.  I would love for them to be able to complete the embedded PDF and submit, but it appears those changes do not save.  What would be your recommendation on a best practice for including two PDF's on a form that are to be completed and then attached to the form.  The way I have it now seems to complicated for the average user.

    Thank you for your help on both of these items!

  • KrisLei Jotform Support
    Replied on March 24, 2020 at 1:17 PM

    Hi,

    I cannot get the back, save, and next buttons on page break to edit properly on my 16th Annual Mobile Health Clinics Conference Speaker form to edit properly.

    Please provide us detailed information on your requirements of how would you like the buttons to be displayed on your form. We can inject custom CSS codes for its position or modify the appearance of the buttons. You can post screenshots on the forum page, please follow this guide:  How-to-Post-Screenshots-to-Our-Support-Forum


    On page 4 of the form, I have embedded two PDF files.  These files are PDF editable and are to be completed and submitted.  I would love for them to be able to complete the embedded PDF and submit, but it appears those changes do not save.  What would be your recommendation on a best practice for including two PDF's on a form that are to be completed and then attached to the form.  The way I have it now seems to complicated for the average user.

    I checked your form are you trying to let your users fill up the embedded PDF form?  If so the embedded form is only to show the PDF document on the form but it is not fillable.

    You can turn those PDF files to PDF fillable forms: https://www.jotform.com/fillable-pdf-form-creator/

    Then you can embed the PDF fillable form to your main form using the iFrame Embed widget: https://widgets.jotform.com/widget/iframe_embed

    In this way, it is like there are two or three PDF fillable forms inside your main form and can be attached to submissions:  How-To-Include-Submissions-As-PDF-Attachment-In-The-Email-Notifications

    I hope this helps. Let us know if you need further assistance.

  • KLiebs
    Replied on March 24, 2020 at 4:52 PM

    Hi Thank you for your reply.  The navigation buttons in the page break will not let me edit properly in the advanced editor.  Here is a link to another form I created.  I did not do anything special on this form, so I am not sure why I was not able to duplicate on this form.

    https://form.jotform.com/KLiebs/mobile-healthcare-association-abstr


    I will have to work on the PDF form.  I am sure I will have more questions on that. Thank you for your help!


  • VincentJay
    Replied on March 24, 2020 at 5:13 PM

    Are you referring to this section? (Advanced Form Designer)

    1585084174va53 Screenshot 10

    Or the Properties Page Break window:

    1585084364vdsxd Screenshot 21

    Let us know what do you want to achieve and we may help you by providing custom CSS code. 


  • KLiebs
    Replied on March 24, 2020 at 5:15 PM

    Here are the two PDF's I am trying to use the fillable converter.  When I upload it really distorts the form and the fields were already editable to begin with.  How do I keep the integrity of these forms?

    file:///C:/Users/Admin/Downloads/Presenter%20Agreement%20and%20Disclosure%20Statement%2010-19%20(2).pdf


    file:///C:/Users/Admin/Downloads/2020UNLV_form.pdf

  • KLiebs
    Replied on March 24, 2020 at 5:17 PM

    Yes I used all of these features to try to edit and used the advanced design editor as well.  It is less about the color and more about the button sizes.  It will not even let me edit the save button and the back button does not even show up.  


  • David JotForm Support Manager
    Replied on March 24, 2020 at 5:42 PM

    Hi, the question related to the imported PDFs will be addressed in a separate forum thread: https://www.jotform.com/answers/2224060

  • David JotForm Support Manager
    Replied on March 24, 2020 at 6:04 PM

    I am working to find a solution to fix the distorted size of the buttons on your form:

    1585087440size Screenshot 10

    I'll update you here.

  • David JotForm Support Manager
    Replied on March 24, 2020 at 6:43 PM

    Hi, sorry for the delay, not sure what could be affecting the size and position of the buttons, maybe a code running in the background of the Advanced Designer

    Anyways, I managed to make it look better in the live version by injecting the following CSS code: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes


    .form-pagebreak-next,.form-pagebreak-back{

        padding: initial !important;

    }

    .form-submit-button{

        font-size: 18px !important;

        padding: 10px !important;

    }

    .form-pagebreak-back-container,.form-pagebreak-next-container {

        width: auto !IMPORTANT;

    }

    Result: https://form.jotform.com/200837012872956

    1585089798buttons Screenshot 10

    Let us know if you need more help.