multi-select icon indicating copy to clipboard operation
multi-select copied to clipboard

Increase height of .ms-list

Open shahzadthathal opened this issue 7 years ago • 2 comments

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

shahzadthathal avatar Mar 31 '17 09:03 shahzadthathal

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;
}

Fae-Bell avatar May 11 '17 19:05 Fae-Bell

Why not use CSS ID's or simply an alternative class name for each?

LinzardMac avatar May 15 '17 00:05 LinzardMac