multi-select
multi-select copied to clipboard
Increase height of .ms-list
Hi,
I have multiple select box on a page but I want to increase only once select box height. How can I do this?
Thanks
I fixed this problem with the following:
HTML:
<select cssclass="custom-css-class" class="select-multiple-placement" multiple="multiple">
...
</select>
JS:
$('.select-multiple-placement').each((index, elem) => {
$elem = $(elem);
$elem.multiSelect({ cssClass: $elem.attr('cssclass') })
});
CSS:
.custom-css-class.ms-container .ms-list {
/* Custom Height here */
height: 80px;
}
Why not use CSS ID's or simply an alternative class name for each?