We are having problems with WebDropDown's not rendering properly under a few different scenarios. However the common delimiter seems to be if we modify anything to do with databinding such as rebinding the datasource.
What it looks like is happening is that when the control redraws the 'editor' portion doesn't expand across the whole control.
We have tried playing with the different widths and styles but to no avail. It really takes away from the polish of the application.
Any ideas? Here is the markup for at least one of the dropdowns with issues. It is happening for both controls embedded in another control and just added to a page. Also in the scenario where it is on a page there are other dropdowns that work find and only the webdrop down that has the non datasource binding that is altered on postback is affected:
<ig:WebDropDown ID="ddSearch" runat="server" onselectionchanged="ddSearch_SelectionChanged" OnValueChanged="ddSearch_ValueChanged" StyleSetName="Windows7" Width="400px" AutoFilterQueryType="Contains" DropDownAnimationDuration="200" DropDownContainerHeight="400px" EnableAutoFiltering="Client" LoadingItemsMessageText="Refreshing data" NullText="Enter S/N or partial S/N to match." ToolTip="Enter S/N or partial S/N to match. Use % as a wildcard"AutoFilterTimeoutMs="300" onitemsrequested="ddSearch_ItemsRequested" StyleSetPath ="~/App_Themes">
<Button DisabledImageUrl="~/App_Themes/Windows7/images/ig_cmboDown1.png" HoverImageUrl="~/App_Themes/Windows7/images/ig_cmboDown1.png" ImageUrl="~/App_Themes/Windows7/images/ig_cmboDown1.png" PressedImageUrl="~/App_Themes/Windows7/images/ig_cmboDown1.png"/>
<ClientEvents InputKeyDown="ddSearch_InputKeyDown" InputKeyUp="ddSearch_InputKeyUp" AutoFilterStarted="ddSearch_AutoFilterStarted" ValueChanged="ddSearch_ValueChanged" />
</ig:WebDropDown>
Thanks
jack
I have found a solution to this issue. Add the folowing CSS classes to the dropDown.css file in ig_res folder:
.igdd_Office2007BlueControlArea
input
{
width: 100%;
margin: auto;
padding: 0 0 0 0;
table-layout: fixed;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: normal;
border: 0px;
}
.igdd_Office2007BlueControlFocus input