7 Useful JotForm Features You Probably Didn’t Know About
Bet you don’t know many of the features listed below! If you do know most of these then you must be a JotForm pro! For the rest of us, let’s take a look at them in our path to JotForm nirvana.
1) Option Groups in Drop-Downs
This is truly a hidden feature! It makes your dropdown questions more organized and easy to use. Here is an example of what it looks like:
1. Create a drop-down menu,
2. Select the options tab and add some options,
3. Put double brackets at the [[ beginning and end ]] of your option groups.
2) Amazing Ways to Customize Questions Appearances
These options are for people who are obsessed with keeping things in line. Use them to make your forms neater. Try the options as we go through them. Maybe it is a small detail but you might want to give some designer‚Äôs touch to our forms, right?
Manage Distance Between Questions:
1. Go to “Setup & Embed” tab and select “Preferences”
2. Select “Field Styles” tab and then change the “Question Spacing” option to desired amount. “0” is the closest distance.
Adjust Label Alignment of Questions:
1. Go to “Setup & Embed” tab and select “Preferences”,
2. Select “Field Styles” tab and then change the “Label Alignment” option to desired alignment.
Disable Highlight Color:
1. Go to “Setup & Embed” tab and select “Preferences”,
2. Select “Field Styles” tab and then change the “Highlight Effect” option to “Disabled”.
3) Use Form Collapse Like a Pro
Form collapse may look confusing at the first look. Understanding the basics of how it works can create miracles on your forms. Now, let’s start form collapsing:
1. Add a Heading from Form Tools,
2. Add a Radio Button from Form Tools,
3. Select Survey Tools and Select Form Collapse,
4. Under the Form Collapse button place other buttons and tools etc.
5. When you click on the Form Collapse button there are 2 options on the toolbar at the top.
Status determines the Form Collapse button behaviour.
a. When “closed“, viewers will have to open it manually.
b. When “open“, viewers will see it open by default.
“Visibility” determines the “Form Collapse” button visibility to the viewers.
a. When visible, the viewers can see the Form Collapse button.
b. When hidden, the viewers cannot see the Form Collapse button.
6. Here is how it looks like by default:
7. Then we click on Form Collapse to open it:
Here are some questions you might have with using Form Collapse in this example:
1. What if viewers don’t open the form collapse and submit the form?
2. How do we stop the form collapse button to show other stuff underneath it independently?
Let’s follow the same example and add another Form Collapse to answer both of the questions.
1. Add Form Collapse on top of the Submit Form button.
2. Set Status to Open
3. Set Visibility to Hidden
Here is what it looks like finally:
The placement of “Form Collapse” button may be confusing but know that the “Form Collapse” button could either hide or show all the data below it.
A “Form Collapse” button can be used as a way to stop the form from being submitted.
4) Spice Up Your Form Design With CSS Injects
CSS Inject allows you to customize anything visual on the form from the CSS. It requires some CSS knowledge. Let’s see an example: Change background color on a form .
You can find a RGB color generator here for choosing a nice color:
Here is what our form looks like before applying CSS injects:
To enter any CSS rule you have to get into the Inject Custom CSS section on the Form Styles tab. To do that, first go to Setup & Embed tab and then click Preferences.
Now go to “Form Styles” and go to “Inject Custom CSS” and click to add your own CSS code.
Here are some of the CSS codes you can experiment with:
Change the header background color:
Change the sub header background color:
Change the First Name and Last Name label styles:
After making these changes here are what our form looks like:
5) Change the Validation Messages
Did you ever want to change one of the validation messages such as “this field is required”? It is perfectly possible. Check it out!
1. Go to Setup & Embed tab and select Preferences:
2. Go to Advanced Settings and click Edit Form Warnings:
3. Click on any warning messages and change them as you wish.
6) Share Submissions Page for a Form
You can share a form’s responses with your colleagues or clients. To achieve this, go to your form’s submissions page. Then follow the steps in the screenshot below:
Once your client visits the public submissions page URL, they will have instant access to all information submitted by users. You can also password protect this page and give them the password.
7) Use reCapthca Instead of the Default Captcha
reCAPTCHA is hard to beat. Because the images of words that optical character recognition (OCR) software has not been able to read.
“The subscribing websites (whose purposes are generally unrelated to the book digitization project) present these images for humans to decipher as CAPTCHA words, as part of their normal validation procedures. They then return the results to the reCAPTCHA service, which sends the results to the digitization projects. It means that you are helping digitize text books while protecting websites from bots attempting to access restricted areas.”
Cited from http://en.wikipedia.org/wiki/ReCAPTCHA
Go ahead and contribute to the digitization process!
1. Select Captcha from Power Tools.
2. Click on reCaptcha from the toolbar at the top.
It will instantly change to reCaptca:
Save your form and help them digitize some more books.
We hope that you found something useful in this list. If you have any favorite hidden feature on JotForm please share it with others in the comments below!
by Chad Reid | July 20, 2018