Hi,
I have a webdropdown using multipleselectiontype=checkbox. After checking a few items in the list, once the dropdown is collapsed, I can not see all the items listed. It's chopped off in the collapsed view occupying only the space in the blue area. The control width is much larger as you can see.
I can only see the selected items in the blue area once items are selected and the dropdown is collapsed. I'd like to use all the space out to right-hand-side of the control where the dropdown arrow/inverted triangle is.
How do I set this?
I'm glad to hear that you've identified the problem on your end! Don't hesitate to reach out if you need any assistance with resolving this issue or any others!
Hi and thanks for your reply. I found the CSS setting you wrote about. It did not have the effect I wanted but you are correct that something in the CSS is controlling it. I made a new webform with a single dropdown (checkbox, multipleselect) in my project with none of the style sheets used in the other page and it behaves the way I want utilizing the entire space when collapsed.
So, I will continue looking through the CSS to find and modify the setting that is influencing this.
Thanks!
Thanks for reaching out!The default style of the input is to have a width of 100%, so it should encompass the whole of the drop down.
The way the drop down is displayed could be because of another style rule affecting its input.For example, in `Empty ASP.NET Web Forms` projects, created w/ Visual Studio 2017, there is a global Site.css style sheet that affects the default behavior of the drop down, by setting max-width for all input:
/* Set widths on the form inputs since otherwise they're 100% wide */ input, select, textarea { max-width: 280px; }