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

    Conditions not working on multi select checkbox.

    Asked by ubmdesigncentral on April 04, 2013 at 09:16 PM

    I have conditions on the "primary areas of interest" field that determines which other fields show, depending on what is choosen. I want the ability to choose multiple options and have then multiple fields show. 

    For instance, I want from the Primary areas of interest pull down to choose: assembly, cleanroom and labels to then in turn to show further through the steps of the form, their related fields. Currently it only shows the first option choosen and ignores the others.

    Is this an available feature?

    http://form.jotformpro.com/form/30927981081964

    checkbox select multiple fields scrollable checkbox scroll
  • Profile Image

    Answered by jeanettebmz on April 04, 2013 at 09:54 PM

    You should set the conditional logics to ALL rather than ANY so if all conditions are met, the action will be done.

    Please explain in detail the desired escenario and we will try to help you

  • Profile Image
    JotForm Support

    Answered by abajan on April 04, 2013 at 11:36 PM

    @ubmdesigncentral

    Unfortunately, my tests indicate that the functionality you want is not currently feasible with multi-select dropdowns. However, if check boxes were substituted for the dropdown in question, it would work. From what you stated in another thread, I know that you would rather not use check boxes (presumedly because of the volume of selections) but I'm afraid that appears to be your only option at this point.

    I can submit a ticket requesting that the same feature be available for multi-select dropdowns but since that format of dropdown is not commonly used, it may be a while before it gets implemented.

    In the meantime, if you decide to go with the checkboxes, we can help you format the display of the field to make it more attractive than the default layout.

  • Profile Image
    JotForm Support

    Answered by abajan on April 04, 2013 at 11:55 PM

    Here's a clone of your form showing the conditions working with a check box field substituted for the multi-select dropdown. (Since it's just a demo, I only retained the Adhesives, Assembly and Automation choices and fields from the original form.)

  • Profile Image

    Answered by ubmdesigncentral on April 05, 2013 at 02:39 PM

    Hi, 

    There are conflicting responses here. is Jeanette correct or is the answer no? That is not a feature? Yes you are correct there is a huge volume here and checkboxes will be clunky approach, and is not optimal.

  • Profile Image
    JotForm Support

    Answered by EduardoMendez on April 05, 2013 at 03:24 PM

    Hi there, I have cloned your form and numbered the fields

    http://form.jotformpro.com/form/30945661773967?

    Please write a list of the conditions that you need in the following format

    If 1 = whatever then show 15

    If 3 = whatever then show 15

    If 5 = whatever then show 15

    etc

    Once your list is complete, you can set your conditions applying one set of conditions to one field

    Example

    Show 15 

    if any

    1 = whatever
    3 = whatever
    5 = whatever

    Please give that a try and let us know if you run into any issues.

  • Profile Image
    JotForm Support

    Answered by abajan on April 06, 2013 at 05:17 AM

    @ubmdesigncentral

    Our apologies for any confusion caused. It is definitely not possible to use the conditions wizard to achieve the desired Show/Hide behavior with a multi-select dropdown. You would have to substitute checkboxes, as illustrated in my demo.

  • Profile Image
    JotForm Support

    Answered by abajan on April 06, 2013 at 05:28 AM

    @ubmdesigncentral

    I've just noticed that you changed the drop down back to its default (single select). Have you decided to go that route instead? If so, Eduardo's solution would work.

  • Profile Image

    Answered by ubmdesigncentral on April 07, 2013 at 10:51 AM

    Can you make the field to be a pull down or dropdown with the checkboxes in it with a scroll? To make this a cleaner "workaround" since its not an available feature.

  • Profile Image
    JotForm Support

    Answered by jonathan on April 07, 2013 at 02:35 PM

    @ubmdesigncentral

    Unfortunately there is no such field in JotForm form. Having checkboxes field within a dropdown field is not possible at this time.

    However, we can submit a request ticket that will allow such condition feature on the mult-selected dropdown field options.

    For the meantime, if using the many checkboxes route is not preferable, I also suggest trying  the solution that allows show/hide of multiple fields at once. By using this guide -How-to-Hide-or-Show-Multiple-Fields-at-Once-Based-On-a-Single-Conditional-Entry

    Hope this help.

    Thanks.

  • Profile Image

    Answered by ubmdesigncentral on April 07, 2013 at 03:45 PM

    Thanks for your response. I dont think i was clear with my question. I would like to have this question field, use checkboxes but have them appear in a scroll window. Where can I implement this in the code?

  • Profile Image
    JotForm Support

    Answered by jonathan on April 07, 2013 at 04:17 PM

    Thank you for the clarification.

    May I inquire if you have this form embedded on a website?

    If you embed the form using its iframe code and set the height lower than the form's height, and set autoscoll  to ON, then the form will have a vertical scroll bar.

    Will await your response.

    Thanks.

  • Profile Image

    Answered by ubmdesigncentral on April 07, 2013 at 05:24 PM

    I will embed this form on a wesbite but do not want to use an iframe. I just want this one single question to have a scroll for "primary area(s) of interest and only for the checkboxes.

  • Profile Image
    JotForm Support

    Answered by jonathan on April 07, 2013 at 06:16 PM

    Hi,

    The most I could think of right now is, if you will use the form's source code to embed it in your website page.

    When you used the source code, you can manipulate the html codes, and possibly find means to put a scrolling bar for the checkboxes when it is place within a division element div or iframe.

    I am not knowledgeable on this though.We can wait also for my colleagues other suggestions later. 

    Thanks.

  • Profile Image
    JotForm Support

    Answered by abajan on April 07, 2013 at 07:42 PM

    @ubmdesigncentral

    Examples of scrollable checklists can be found here. We'll see how best it can be applied to your form but it may not be possible to achieve this functionality within the form builder. What I mean by this is that, as stated by Jonathan, you would likely have to embed a copy of the form's source into a web page. Would you be okay with such a setup?

  • Profile Image
    JotForm Support

    Answered by abajan on April 07, 2013 at 07:44 PM

    Ah, never mind. I see that you have already stated you will embed it. We'll see what solution we can devise, based on the demos at the link.

  • Profile Image
    JotForm Support

    Answered by abajan on April 08, 2013 at 01:33 PM

    @ubmdesignncentral

    The solution at the link I earlier provided would work for your form, as can be seen in this clone. Test it out and let us know what you think.

    Thanks.

  • Profile Image

    Answered by ubmdesigncentral on April 08, 2013 at 01:41 PM

    Works great! please send me the code, thanks!

  • Profile Image
    JotForm Support

    Answered by abajan on April 08, 2013 at 04:21 PM

    Hi again

    Here's what to do:

    1. Copy the following CSS and inject it into your form:

    .checklist {
    border: 1px solid #CCC;
    list-style: none;
    height: 10em;
    overflow: auto;
    width: 17em;
    }

    .checklist, .checklist li {
    margin: 0;
    padding: 0;
    }

    .checklist label {
    display: block;
    padding: 0 0.2em 0 25px;
    text-indent: -25px;
    }

    .checklist label:hover, .checklist label.hover {
    background: #EEE;
    color: #000;
    }

    * html .checklist label { height: 1%; }

    2. Save the form and copy its source from the Embed Form Wizard as described in the guide at the link Jonathan provided

    3. Paste the code into the body of the web page where the form is to appear

    4. Search the code for the section shown in the following screenshot and remove the div (division), indicated by the arrows, and all of its content

    5.  Replace the code that was removed with this. (See the source of the demo for guidance)

    6. Copy this code and paste it just before the closing body tag of the same page web, just like in the source of my demo. (This step is necessary for the check box field to appear correctly in Internet Explorer)

    7. Save the changes made to the web page as you normally would

    That's it. We look forward to hearing how everything worked out. Of course, if anything above is unclear, please let us know.