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
Angel,
I removed the custom button (I think that was someone here trying to fix the issue) but that didn't help and we have a completely generic just dragged onto the page dropdown on another page that has the same issues.
I made your css tweaks (to the win7 version of the styles which is what I assummed you meant) but it didn't fix the problem, it did mask it a little bit by removing the background color.
It looks to me like the problem is with the actual editor control - it is not staying at 100% width.
Here are two more screenshots ... one of them shows me filling the edit control with too many characters and it is scrolling off to the left.
Hi,
if you don't set custom images for the button, do you still experience the same issue?
Other than that, you can try adjusting the following CSS classes in ig_dropDown.css:
.igdd_ValueDisplay
{
background-color:Transparent;
font-weight:normal;
font-size:10pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
border-width:0px;
width: 100%;
}