This is a migrated thread and some comments may be shown as answers.

RadComboBox collapsing when browser scrollbar is clicked

3 Answers 75 Views
ComboBox
This is a migrated thread and some comments may be shown as answers.
Kaleidacare-Dev
Top achievements
Rank 1
Kaleidacare-Dev asked on 17 Feb 2014, 09:26 PM
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>

3 Answers, 1 is accepted

Sort by
0
Hristo Valyavicharski
Telerik team
answered on 20 Feb 2014, 01:36 PM
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.
0
Kaleidacare-Dev
Top achievements
Rank 1
answered on 23 Feb 2014, 08:22 PM
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.
0
Hristo Valyavicharski
Telerik team
answered on 27 Feb 2014, 09:15 AM
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.
Tags
ComboBox
Asked by
Kaleidacare-Dev
Top achievements
Rank 1
Answers by
Hristo Valyavicharski
Telerik team
Kaleidacare-Dev
Top achievements
Rank 1
Share this question
or