How to create a dynamic form using Conditional Logic?

  • valya1922
    Asked on September 13, 2024 at 9:38 AM
    1. Does Jotform allow dynamic forms? the next question is offered based on the previous response.
    2. Does Jotform allow to add images/videos to the questions?
    3. Does Jotform allow to add images/videos to the reponses?
  • Royce JotForm Support
    Replied on September 13, 2024 at 10:15 AM

    Hi Valentina,

    Thanks for reaching out to Jotform Support. I’ll need a bit of time to look into this. I’ll get back to you as soon as I can.

  • Royce JotForm Support
    Replied on September 13, 2024 at 12:25 PM

    Hi Valentina,

    If I understand it correctly, you want a form that changes the result based on the choices made by the user on the form. If that's so, you can use a Conditional Logic on your form; it'll automatically trigger when certain conditions are met. For example, you can add a Single Choice element to your form and use the Conditional Logic to hide or show the form fields like the Email field and Phone field based on the choices made by the user. You can clone my demo form, or you can do it on your end. Let me show you how to do it:

    1. In Form Builder, click on Add Element on the upper-left part of the screen.

    How to create a dynamic form using Conditional Logic? Image 1 Screenshot 140

    2. Drag and drop the Email element to your form.

    How to create a dynamic form using Conditional Logic? Image 2 Screenshot 151

    3. Drag and drop the Phone element to your form.

    How to create a dynamic form using Conditional Logic? Image 3 Screenshot 162

    4. Scroll down, drag and drop the Single Choice element to your form.

    How to create a dynamic form using Conditional Logic? Image 4 Screenshot 173

    5. Type your preferred label on Single Choice field.
    6. Click on the Gear icon on Single Choice field.

    How to create a dynamic form using Conditional Logic? Image 5 Screenshot 184

    7. Toggle ON the Required field.
    8. Click on the Options tab next to the General tab.

    How to create a dynamic form using Conditional Logic? Image 6 Screenshot 195

    9. Input Email and Phone on Options field.

    How to create a dynamic form using Conditional Logic? Image 7 Screenshot 206

    10. Hold the Ctrl key on your keyboard and click on Email field and Phone field.
    11. Click on Hide on the right part of the orange navigation bar.

    How to create a dynamic form using Conditional Logic? Image 8 Screenshot 217

    12. Click on Settings on the orange navigation bar.
    13. Click on the Conditions tab on the left part of the screen.
    14. Click on Show/Hide Field on New Condition field.

    How to create a dynamic form using Conditional Logic? Image 9 Screenshot 228

    15. Copy the settings below:

    How to create a dynamic form using Conditional Logic? Image 10 Screenshot 239

    16. Click on Add Condition on Conditions field.

    How to create a dynamic form using Conditional Logic? Image 11 Screenshot 2410

    17. Click on Show/Hide Field on New Condition field.

    How to create a dynamic form using Conditional Logic? Image 12 Screenshot 2511

    18. Copy the settings below:

    How to create a dynamic form using Conditional Logic? Image 13 Screenshot 2612

    That's it. You can check out our guide on Create Dynamic Web Forms Without Coding for more information. As for your other question, to avoid confusion, I've moved and answered them in a new separate threads. You can check out the second question here, and you can check out the third question here.

    Give it a try and let us know if you have any other questions.

Your Answer