What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

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.


  • Profile Image

    Show Multiple Options based on One selection

    Asked by selectams on October 06, 2012 at 01:58 PM

    Hi, 

    I am looking to use show/hide fields based on a user selection.

    I am looking to create a form which requires to show 6 options if a primary selection is made. 

     

    For example; 

     

    The primary question is - Do you like Fruits? Options are Yes and No. If the user selects Yes, then the following options need to be shown with checkboxes in front of them.

     

    Apple

     

    Mango

     

    Bannana

     

    Grapes

     

    Peach

     

    Watermelon

     

    I tried to use the show/hide wizard. I think it only allows to display one option based on a selection. 

     

    Could somebody please advice me what is the best way to configure the above requirement. 

     

    Thanks

     

    Prasanna

  • Profile Image
    JotForm Support

    Answered by abajan on October 06, 2012 at 07:18 PM

    Hi Prasanna

    Are you referring to the type of functionality illustrated here?


    Wayne

  • Profile Image

    Answered by selectams on October 07, 2012 at 06:11 AM

    Wayne, 

    You are a superstar. That is exactly what I was looking for!

    How do I replicate what you have done. I have 5 questions with Yes and No Options and every Yes has a subsequent sub question. 

     

    Please advice. Many Thanks. 

     

    Prasanna

  • Profile Image
    JotForm Support

    Answered by idarktech on October 07, 2012 at 07:40 AM

    @Prasanna

    I see you've managed to cloned mighty Wayne's form. Basically, what you need to do is to create HIDE/SHOW condition. Example:

    If Do you like fruits? field equals to YES, another field (Please select your fruits) containing multiple checkboxes should show.

    If you need further clarification, just let us know. Thanks!

  • Profile Image

    Answered by selectams on October 07, 2012 at 11:58 AM

    Hello Idarktech, 

     

    I have now configured the form that I actually wanted - http://www.jotformeu.com/?formID=22803193014343

     

    I would like your guidance on the following;

    1. How do I make sure that all the checkboxes are always unchecked. As you can see the primary features options are checked whereas subfeatures are not checked. I would like all the checkboxes to be unckecked by default please. How can I do this? For your reference - the primary feature is Fixed Asset Management Software and the Sub features are just beneath it. 

    2. I would like the label width of the sub features options to be little more than what it is. I do not want it to be the same width as the primary feature label width but a little bit less may be around 450

    3. I would like to make sure that all my primary features (fixed asset management, helpdesk, Inventory, etc) dont have 3 options with checkboxes in front of them. Just one check box. 

    So, I would like a checkbox in front of Fixed Asset Management Software and then beneath it select sub features for Asset Management software with its options. Similarly, I would like a checkbox in front of Help Desk Management and the other primary features. Currently, they are defaulting to three checkboxes with Option 1, 2 and 3. I would just like a single checkbox please.

    I have used the conditions as you suggested which work brilliantly. 

    I am sure I will get some brilliant advice from you guys. 

     

    Thanks

     

    Prasanna

     

     

     

     

  • Profile Image
    JotForm Support

    Answered by Rodjit on October 07, 2012 at 12:54 PM

    Hi Prasanna,

    1. You have to set "Selected" as none;

    a. Highlight your Primary Features field

    b. Choose "Properties"

    c. Click "Selected" on the menus and check the radio button without label (just the radio button itself)

    2. I will follow up with a solution later.

    3. Just remove the other options by;

    a. Highlight the field with options

    b. Choose "Properties"

    c. Click "Options" and remove the other options

    I've made a clone to your form: http://form.jotform.me/form/22805389539465?, please feel free to clone it back for your convenience.

    Hope this helps.

    Thanks

  • Profile Image
    JotForm Support

    Answered by Rodjit on October 07, 2012 at 01:10 PM

    Hi Prasanna,

    This is a follow up with your question on number 2.

    Did you mean the width of the field when highlighted or when checked, that pink in color? If yes, you may just want to remove them as it is possible;

    1. Choose "Setup and Embed"

    2. Click "Preferences"

    3. Go to "Field Styles"

    4. Choose "Disabled" on Highlight effect option.

    Hope this helps and please let us know if this isn't what you mean.

    Thanks

  • Profile Image

    Answered by selectams on October 07, 2012 at 01:50 PM

    Hi Ronjit, 

    Your advice much appreciated. Unfortunately, your suggestion for Question 1 is not working. I am using Chrome - can it be the browser or cache issues?

    On question 2, I am looking for the checkboxes under the subfeatures  above to be towards right but not the same width as fixed asset management software checkbox. 

    As I am sure you will note, I am looking for a checkbox just in front of Fixed asset management software and not as an option 1 beneath it. 

    I hope to have communicated appropriately. 

    Thanks for all your advice. 

    Thanks

    Prasanna

     

     

  • Profile Image

    Answered by selectams on October 07, 2012 at 02:10 PM

    Just to expand on the above. 

     

    here is what I would like - as a default position

     

     

    Here is what I get as a default position

     

  • Profile Image
    JotForm Support

    Answered by Rodjit on October 07, 2012 at 02:47 PM

    Hi,

    For question 1, I thought you would like to the primary fields to be unchecked, so the given solution was the right one.

    Thanks for giving me a few elaboration on what you are trying to achieved.

    Check this clone from your form: http://form.jotform.me/form/22805137162448?

    I've made a few changes and CSS injection. For the Fix Asset Management, I have removed the header and made it as the one and only Option and inject CSS codes to align it left accurately and make it bold;

    #cid_2 {

    font-weight: bold;

    margin-left: -4px;

    }

    For the sub-category fields, here is the injected CSS codes to adjust their widths;

    #input_3_0, #input_3_1, #input_3_2 {

    margin-right: 150px;

    }

    Note, the checkboxes have their different ID's so you must fine them one by one and do the same codings above. Adjust the width if necessary.

    Hope this is what you are looking for.

    Thanks

  • Profile Image
    JotForm Support

    Answered by idarktech on October 07, 2012 at 03:23 PM

    @Prasanna

    Just a few clarification with regards to your first question.

    Be sure to leave at least 1 option on your primary check boxes (don't delete everything) so it wont restore to its default option (the option 1, option 2, option 3 thing) when you saved your form or when you view it live and then hide the option label with CSS. Example:

    I have also created a sample form base on your inputs, you may like to check this: http://form.jotform.me/form/22805628994466?. Feel free to clone this form to be able to view the injected CSS codes and to figure out the setup.

    If you need further assistance on implementing this, just message us back. Thanks!

  • Profile Image

    Answered by selectams on October 08, 2012 at 03:15 PM

    Hi Idarktech, 

     

    Works perfectly - guys I am using ur service for the past 2 -3 years and I must say you guys are just brilliant. I will back on the paid service shortly. 

     

    Great Work. 

     

    Thanks, 

     

    Prasanna

     

  • Profile Image
    JotForm Support

    Answered by Deygus on October 08, 2012 at 03:33 PM

    On behalf of my colleagues you are very welcome, we are glad to hear how happy you are with JotForm as comments like that make our job well worth the time and effort of what has been put into each and every question we answer!  :)

    If you have any other questions or need more help with anything else you might think of later on, let us know!  

  • Profile Image

    Answered by Rico  on April 27, 2017 at 07:11 PM

    I find this very interesting.

    Is it possible to have the choice lead to other questions?

    For example, "Do you like fruits? 

    Yes

    No"

     

    if yes " How often do you eat fruit? (and goes to more questions)

    if No "What foods do you like? (and goes to more questions)

     

    Is this possible?