How can I limit the selection of the Visual Multi Select widget?

now check the two new images I sent, for the visual gadget on Q5, how can i limit not to select more than 5 options to rank by the right hand side?

Hi daprinceolaolex06,

Thanks for reaching out to Jotform Support. I checked your forms, and unfortunately, I could not see this widget added to any of your forms. But it is possible to limit the selection on the Visual Multi-Select widget. You can use the CSS code below in your widget:

.ms-elem-selectable.ms-selected ~

.ms-elem-selectable.ms-selected ~

.ms-elem-selectable.ms-selected ~

.ms-elem-selectable.ms-selected ~

.ms-elem-selectable.ms-selected {



display: list-item !important;

visibility: hidden;



}



.ms-elem-selectable.ms-selected ~

.ms-elem-selectable.ms-selected ~

.ms-elem-selectable.ms-selected ~

.ms-elem-selectable.ms-selected ~

.ms-elem-selectable.ms-selected:after {



visibility: visible;

content: "";

background: #fff;

display: block;

position: absolute;

top: 0; left: 0; right: 0; bottom: 0;

opacity: .7;



}

Let me walk you through it:

1. In Form Builder, select the Visual Multi Select widget and click on the wand icon.
2. Then, go to Custom CSS tab and paste the code.
3. Once you're done, click on Update Widget.

Here's the result:

As you can see, the selection in the widget is disabled after 5 selections, hence the code line .ms-elem-selectable.ms-selected is copied 5 times. 

Give it a try and let us know if you need more help.

CAN U HELP ME DESIGN A BLOCKAGE FOR THIS TOO, I NEED ONLY ONE OPTION TO BE CHOSEN IN COLUMN B, SINCE NO FUNCTION FOR ONE PICK PER COLUMN, U CAN HELP ME DO BLOCKAGE ONCE AN OPTION IS PICKED, I COULD DO RADIO BUTTON FOR COLUMN B

Hi daprinceolaolex06,

Thanks for getting back to us. It seems this question has been addressed already by my colleague in this thread. Like what he mentioned there, it's currently not possible to allow one selection per column in the Input Table. But it has been forwarded already as a feature request to our developers. If there's an update about the request's status or progress, we'll let you know on the other thread.

Let us know if you need any other help.