Conditional Logic in Ninja Forms
Using conditional logic is a paid for addon to Ninja Forms.
After having installed and activated the extension / addon. Find the form you plan to use it in.
Here is an example using conditional logic and how I added the fields and the logic.
Create a Select box – drop down with the title regarding and the options: Tutorials, Support and General.
NB! Notice that I am also using columns. Into the Display area I added one-third first. Meaning in a 3 column setup this is the first part.
General will be the default value. To make it default click the checkbox next to General while editing the drop down.
Setting up 3 html fields with text.
I decided to add 3 html fields Tutorial, Support and General.
Here is an example on setting up the Tutorials html field.
NB! In the Display area I added a two-thirds. Meaning Tutorials will be taking up two-thirds of the row. Add two-thirds also to Support and General display area to also have them show up using the same space as tutorials.
The text I used.
Tutorial:
Which tutorial are you referring to?
Is there a tutorial you would like to see me create?
Leave a message in the below message box.
Support:
Remember if your asking for support for a plugin. Contact the plugin developer through their support forum to get the best support.
You can also ask me and I will see what I can do.
General:
Thank you for your feedback!
Setting up the conditional logic
Go to -> Advanced -> select Conditional Logic. (NB! You will need to have the Conditional Logic addon installed and activated…:)
A sidebar where one can insert the logic shows up.
I have already selected the Regarding field – Has Selected – Tutorials.
Then Do: Tutorials – Show Field.
Then If the Condition is Not Met: Tutorials – Hide Field.
This needs to be done for all three html boxes: Tutorials, Support and General.
Click the blue circle Add New Condition to setup the other conditions.
Click Done when finished and test out the form.
Use my affiliate link and get the conditional logic add-on / extension:
Extensions at the Ninja Forms web site. Thanks!
Leave a Comment