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
  • 415
    Offline posted

    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

    {

     

     

     

     

    width: 100%;

     

     

     

    border: 0px;

     

     

     

    margin: auto;

     

     

     

    padding: 0 0 0 0;

     

     

     

    table-layout: fixed;

     

     

     

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 10pt;

     

     

     

    font-weight: normal;

    }

Children
No Data