I currently have an issue to modify the width of "form-control multi-select" as see in attached image. i looked up around all css but width option not working.
I have content in each row of multiple option with has more than 20 characters and cant see most part of them its why i need to change its width.
Thanks Arlind, it currently does not work, as you know i want to change the width of select multiple wich has class="form-control multi-select". My code is this:
I attached one image wich shows the current width (cant see the full names of items) and in blue lines the disired width. Also wrote the code structure.
Good day folks,
I currently have an issue to modify the width of "form-control multi-select" as see in attached image. i looked up around all css but width option not working.
I have content in each row of multiple option with has more than 20 characters and cant see most part of them its why i need to change its width.
Thanks in advance for your help.
Erick Fernandez - Perú
cant modify its width. Attached now
Hi Eric,
To change the width of the multiple check element please add this custom CSS:
.main-content .ms-container .ms-list { width: 220px; }This should work for you.
Thanks Arlind, it currently does not work, as you know i want to change the width of select multiple wich has class="form-control multi-select". My code is this:
<----USELESS CODE
<body class="page-body" data-url="http://neon.dev">
<div class="page-container">
<?php include('menu.php'); ?>
<div class="main-content">
<div class="panel-body"></div>
<!--EMPEZAMOS CONTENIDO PERSONALIZADO -->
<form id="try" class="form-horizontal" method="post">
<div class="form-group has-error col-md-12">
<label for="field-1" class="col-sm-1 control-label">PLAGA:(*)</label>
<div class="col-sm-7">
<select multiple="plaga" name="plaga[]" class="form-control multi-select" required="">
<?php
foreach($plagas as $row) {
echo "<option value='" . $row->id ."'>" . strtoupper($row->nom)."->" .$row->nombre . "</option>";
}
?>
</select>
---->USELESS CODE CONTINUE...
Many Thanks, Erick.
Hi Eric,
Is it possible for you to give me two screenshots, before and after (how do you want to make it look) so I will give you a workaround about that.
Hi Arlind thanks in advance again:
I attached one image wich shows the current width (cant see the full names of items) and in blue lines the disired width. Also wrote the code structure.
Thank you.
Erick
Hi Erick,
After checking the code and adding a CSS rule it worked, see this video:
http://drops.laborator.co/lCKa
The CSS seen in video is this:
ul.ms-list {width: 300px !important;
}
I hope this helps you.
It's what ive been looking. Thanks a lot!!
Neon theme is great.
Many thanks.