• Home
  • WordPress
    • How To
    • Plugins
    • Themes
      • Genesis
      • Themify
      • Mysite myway
    • Security
    • Developer
    • Teaching
    • Conference
    • Chat
  • Blog
  • About
  • Freelance
    • Plugins
    • Teaching
    • Need help?
    • CV og ref.
  • Contact

Easy Web Design Tutorials

WordPress Tutorials and more

  • Home
  • WordPress
    • How To
    • Plugins
    • Themes
      • Genesis
      • Themify
      • Mysite myway
    • Security
    • Developer
    • Teaching
    • Conference
    • Chat
  • Blog
  • About
  • Freelance
    • Plugins
    • Teaching
    • Need help?
    • CV og ref.
  • Contact

22 November - 2016 By Paal Joachim Add a Comment
Last updated on: August 29, 2017

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.

Ninja Forms - Using conditional logic

Ninja Forms – Using conditional 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.

Ninja Forms select field

Ninja Forms select field

 

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.

Ninja Forms HTML field

Ninja Forms HTML field

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.

Ninja Forms Conditional Logic addon

Ninja Forms Conditional Logic addon

 

Use my affiliate link and get the conditional logic add-on / extension:
Extensions at the Ninja Forms web site. Thanks!

 

Share this:

  • Email

Categories: Featured, Plugins, WordPress Tagged: Contact Form, Ninja Forms

Paal Joachim Romdahl

I enjoy teaching and creating tutorials. As well creating web sites.
I help people gain WordPress knowledge through my easy to follow tutorials and specialized training. Contact me for more information on how I can improve your WordPress skills and to help get your web site quickly up and running.

Leave a Comment Cancel reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

© 2021 · By Easy Web Design Tutorials · Built on the Genesis Framework · WordPress · Log in · ⇪

loading Cancel
Post was not sent - check your email addresses!
Email check failed, please try again
Sorry, your blog cannot share posts by email.