JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
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.
Preview Before Submit: Ability to apply CSS styles to the EntriesAsked by Marfieldcom on June 24, 2015 at 10:57 AM
I'm thrilled to find Preview Before Submit, but
1. I can't add it if I already have a Payment widget.
2. I would like to be able to control the style of entries shown:
• display:none (especially for the form field labels)
Basically, all CSS properties.
It doesn't look like I have any control over that in Preview Before Submit.
I see How to Save Forms to Continue Later but maybe I'm looking for more of a multi-page wizard.
I also love that we have the option to include/exclude/style fields in the notification/autoresponder emails. I would love to be able to drag form field variables into a box on my existing form and style them.
JotForm Support Manager
It seems you have several unrelated questions. On regards to the Preview Before submit app, I've opened a ticket with this request.
On regards to this comment:
I would love to be able to drag form field variables into a box on my existing form and style them.
You can certainly style form fields, please check this section :
Form Designer is great for the original form, but I was looking for a way to drag the form field variables like I can on the autoresponder/notification emails, and style them inside the form.
I was able to copy the form field variables from the autoresponder, paste them into Notepad, then paste them into a Text area on my form, then style them with HTML.
The form instantly shows the values of each entry in the text area.
It would be nice to have the option to pick the merge fields from the toolbar in either the Preview Before Submit or a new similar widget. I'd call it Preview Pane but I'm not the developer. :-) Cheers!
You can try this workaround to add styles on the Preview Before Submit Widget by using the HTML Source Editor Available on the Text Area. I assume you only want to have the Text Area to be shown when the form is viewed before submission.
To exclude the other text field when you Preview before submission, you can:
As for the result:
I hope this helps. However, if this is not what you really want to happen, kindly give us more details and we will be glad to help you. Thank you.
I'm not sure I understand this - I want to do the exact same thing, ie. have a preview before submit where I can show all the answered fields (will use the hide feature in the widget) and format using the HTML source editor - so do I simply add a text area to my form and that will automatically update with the answers that are shown on the form when the preview button is used?? Not following - sorry!
We will answer your question on a separate thread here https://www.jotform.com/answers/843403.