How can I require a specified number of options be selected on Visual Multi Select?

  • Profile Image
    Asked on December 07, 2017 at 11:53 AM


    I am setting up a registration form for a tournament in which 5 options for start time are possible. I want users to rank those options in order of preference, and I'm using the Visual Multi Select widget for this.

    I made the widget a required field, but I notice that a user can only select one option, and the form will allow them to submit their entry. Is there a way that I can require them to list a specified number of options (e.g., all 5, or at least 3) using either conditional logic or CSS code?

  • Profile Image
    Answered on December 07, 2017 at 01:26 PM

    Unfortunately, no, that is not possible with a Visual multi-select widget. CSS cannot do that kind of logic, CSS can only change the look of a certain element in HTML. 

    And, I checked your form, I see an Orderable list there:

     1512670677Screen Shot 2017-12-07 at 7.23

    Where it is also not possible to do that.

    The field I know you can use in that way is checkbox field (Multi-select):

    1512670880Screen Shot 2017-12-07 at 7.26

    Where you can set such limit:

    1512671090Screen Shot 2017-12-07 at 7.26

    Let us know if you have any further questions.

    Thank you!

  • Profile Image
    Answered on December 07, 2017 at 01:38 PM

    Thanks - yes, I realized that by using Orderable List instead of Visual Multi Select, I wouldn't have this problem because all 5 options will be there in some order no matter what.

  • Profile Image
    Answered on December 07, 2017 at 02:56 PM

    Hello @PCC_Founders - Seeing that the end goal is to allow users to rank 5 pool options, your current approach of using the Orderable List Widget is better indeed.

    I guess you're all set but if you have other questions, just open a new thread so we can help you.