Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
705
WebDropDown not rendering properly
posted

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

Parents
No Data
Reply
  • 24671
    posted

    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%;

    }

    and:
    .igdd_ControlArea
    {
    border:solid 1px #BBBBBB;
    table-layout: fixed;
    }
    Thanks

Children