RadComboBox collapsing when browser scrollbar is clicked

4 posts, 0 answers
  1. BJ
    BJ avatar
    3 posts
    Member since:
    Feb 2014

    Posted 17 Feb 2014 Link to this post

    Some of our users use very low resolution on their monitors, so the button we have at the bottom (in FooterTemplate) of our RadComboBox is not visible unless they scroll down using the browser scrollbar. This works fine in IE <= 10, but in IE 11 the RadComboBox collapses whenever you click the browser scrollbar, so they cannot click the button. And I just confirmed this occurs in Firefox and Chrome as well.

    I tried to setting the CloseDropDownOnBlur and EnableScreenBoundaryDetection properties to false, and also setting a very high CollapseDelay value, without effect. I'm brand new to Telerik controls, so any help would be appreciated.

    <telerik:RadComboBox ID="selObjectsName" CssClass="nonavigate"
                                    CollapseDelay="1000000000" CloseDropDownOnBlur="false" 
                                     
                                    ShowToggleImage="false" 
                                    HighlightTemplatedItems="true"
                                    MinFilterLength="3"
                                    OnSelectedIndexChanged="ComboBox_OnSelectedIndexChanged"
                                    runat="server"
                                    EnableLoadOnDemand="true"
                                    AllowCustomText="true"
                                    DropDownWidth="650px"
                                    MaxHeight="188px"
                                    ExpandDirection="Down"
                                    ShowDropDownOnTextboxClick="false"
                                    Style="width: 500px !important"
                                    OnItemsRequested="IncrementalSearchEvent"
                                    OnItemDataBound="ComboBox_ItemDataBound"
                                    AutoPostBack="true"
                                    EnableScreenBoundaryDetection="false"
                                    CausesValidation="false" >
                                    <HeaderTemplate>
                                        <table border="0" width="100%">
                                            <tr>
                                                <td width="20">
                                                      
                                                </td>
                                                <td width="90">
                                                    ID
                                                </td>
                                                <td width="200">
                                                    Family Name
                                                </td>
                                                <td width="190">
                                                    Current Division
                                                </td>
                                            </tr>
                                        </table>
                                    </HeaderTemplate>
                                    <ItemTemplate>
                                        <table border="0" width="100%">
                                            <tr style="cursor: pointer">
                                                <td width="20">
                                                    <img src="<%# DataBinder.Eval(Container.DataItem, "ImageUrl") %>" alt="" />
                                                </td>
                                                <td width="90">
                                                    <%# DataBinder.Eval(Container.DataItem, "FamilyId")%>
                                                </td>
                                                <td width="200">
                                                    <%# DataBinder.Eval(Container.DataItem, "FamilyName")%>
                                                </td>
                                                <td width="190">
                                                    <%# DataBinder.Eval(Container.DataItem, "Division")%>
                                                </td>
                                        </table>
                                    </ItemTemplate>
                                    <FooterTemplate>
                                        <asp:Button ID="btnAddFamily" runat="server" Text="No Match Found - Add as New Family" CssClass="button-blue" Width="565px" OnClick="btnAddFamily_OnClick" CausesValidation="false" Style="margin-bottom: 5px" />
                                    </FooterTemplate>
                                </telerik:RadComboBox>
  2. Hristo Valyavicharski
    Admin
    Hristo Valyavicharski avatar
    975 posts

    Posted 20 Feb 2014 Link to this post

    Hi Dave,

    What version do you use? The pasted code seems to be working fine on IE11 with the latest version 2013.3.1324.

    Regards,
    Hristo Valyavicharski
    Telerik
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the UI for ASP.NET AJAX, subscribe to the blog feed now.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. BJ
    BJ avatar
    3 posts
    Member since:
    Feb 2014

    Posted 23 Feb 2014 in reply to Hristo Valyavicharski Link to this post

    Thanks for your reply Hristo. We are using v2013.3.1114.45. Perhaps it has something to do with our use of templates (Header, Item, Footer)? Can you test that with your tool?

    If not it must not be specific to the combobox itself, and involves a bigger set of the page markup (e.g. the RadComboBox is nested inside a RadPageView). I will investigate further and post another chunk of code. Thanks again.
  5. Hristo Valyavicharski
    Admin
    Hristo Valyavicharski avatar
    975 posts

    Posted 27 Feb 2014 Link to this post

    Hi Dave,

    Same result with this version 2013.3.1114.45. Please attach a sample (Use Dropbox, OneDrive, Google Drive).

    Thanks.

    Regards,
    Hristo Valyavicharski
    Telerik
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the UI for ASP.NET AJAX, subscribe to the blog feed now.
Back to Top