-
KLiebsAsked 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 SupportReplied 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.
-
KLiebsReplied 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!
-
VincentJayReplied on March 24, 2020 at 5:13 PM
Are you referring to this section? (Advanced Form Designer)
Or the Properties Page Break window:
Let us know what do you want to achieve and we may help you by providing custom CSS code.
-
KLiebsReplied on March 24, 2020 at 5:15 PM
-
KLiebsReplied 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 ManagerReplied 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 ManagerReplied 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:
I'll update you here.
-
David JotForm Support ManagerReplied 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
Let us know if you need more help.