I am using a DropDown editor provider in a WebDataGrid. I have issues styling it. The drop down is much longer then the column it is assigned to and setting the width property to the Editor Control neither directly nor through css style has any effect. Same thing goes for height and font. I can set the DropDownContainerHeight and DropDownContainerWidth with no issues though.
Any ideas?
<EditorProviders> <ig:DropDownProvider ID="AccountTypeDropDownProvider" > <EditorControl ID="EditorControl1" runat="server" CssClass = "DropDownProvider" DisplayMode="DropDownList" Width="100px" Height="12px" EnableClientRendering="true" DropDownContainerHeight = "100px" DropDownContainerWidth = "100px" /> </ig:DropDownProvider> </EditorProviders>
my class:
.DropDownProvider { line-height:12px; height:12px; width:100px; font-family: arial, verdana;font-size: 10px; color: #333333; background-color: #fffccc; padding:4px 2px 2px 2px; }
Thank you.
Hi Mariya,
The dropdown provider by default takes the width of the column it is assigned to. From the provided details I can't tell why it is not getting the proper width. I would need a small sample, reproducing the issue, in order to be able to investigate this further.
Hello,
I'm just following up to see if you still need assistance with the matter.
Nikolay, I started a new page from scratch and I can't reproduce the issue. As you said, the width of the dropdown is the same as the width of the column.
Alas, that's not the case in my big project but i will have to figure it out.
I would suggest you to inspect the dropdown element with Firebug or other browser's developer tools and see where the width is coming from, then modify the source to set the desired width. Hope this helps.