Multi select dropdown

[SuperNam]

Hello, 

I have a multi select dropdown that has many options however there is a scroll bar just to show two more options. How can I remove the scroll bar? Any help would be thankful!

[IamNatoyThatLovesYou]

Hi @SuperNam,

You will need CSS for this, you can add a Header and Footer on your DataPage and insert this code in the header.

<style>
.cbFormMultiSelect > div >div{
overflow-y:visible !important;
}
#MultiSelectBox{
max-height:500px !important;
height:500px !important;
}
</style>

You can just adjust the height.

-Natoy

[IamNatoyThatLovesYou]

Just an add on for this, you can also refer here for reference on the CSS and here for using the styles.

[wimtracking2]

@IamNatoyThatLovesYou Do you know how I can take the options in the multi select list box and move them into two columns? The options are listed alphabetically, and I would like the list to continue vertically alphabetical for 600px and then move to a second column. Rather than one long list that I have to scroll through, I'd like to be able to see all the options on the screen. I tried below without success. Ideas? Thank you,

 

<style>

.ListData.ListBox.cbFormMultiSelect {
width: 500px!important;
min-width: 13px!important;
height: 33px!important;
}
div {

overflow: auto!important;
overflow-y: auto!important;
display: inline-flex;

}
</style>