Is it possible to add categories or sub headers in the drop down menu in the Multiple Selection Widget?

  • chromaticstudios
    Asked on July 2, 2015 at 6:14 PM

    Is it possible to add categories or sub headers in the drop down menu in the Multiple Selection Widget? I found a similar thread and the solution works in the standard drop down but not specifically the Multiple Selection Widget.

    Similar Thread: http://developers.jotform.com/forum/post/52d2622e2f5a260c7d00005d

     

    Works with Drop Down from the Form Tool Menu:

    Is it possible to add categories or sub headers in the drop down menu in the Multiple Selection Widget? Image 1 Screenshot 50 Is it possible to add categories or sub headers in the drop down menu in the Multiple Selection Widget? Image 2 Screenshot 61

     

    Does NOT work with the Multiple Selection Widget:

    Is it possible to add categories or sub headers in the drop down menu in the Multiple Selection Widget? Image 3 Screenshot 72 Is it possible to add categories or sub headers in the drop down menu in the Multiple Selection Widget? Image 4 Screenshot 83

     

    Can someone help me figure out how to accomplish what happens in the first example in the second example?

  • David JotForm Support Manager
    Replied on July 2, 2015 at 8:09 PM

    There is a custom CSS area into the widget to accomplish it, simply load your form and inspect the elements:

    Is it possible to add categories or sub headers in the drop down menu in the Multiple Selection Widget? Image 1 Screenshot 40

    Then inject the CSS to the specific option you want:

    Is it possible to add categories or sub headers in the drop down menu in the Multiple Selection Widget? Image 2 Screenshot 51

    So it will be reflected:

    Is it possible to add categories or sub headers in the drop down menu in the Multiple Selection Widget? Image 3 Screenshot 62

    Here is my form example: http://form.jotformpro.com/form/51827105652958?

    You may clone it to check further: http://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL

    Let us know if you need more help, we will be glad to assist you.