RadComboBox Bootstrap Lightweight skin is not loading in version 2022.3.913
Workarounds provided by Admin:
Use RadStyleSheetManager to load the correct stylesheet from Telerik.Web.UI.Skins assembly, as per the instructions in Skin registration with RadStyleSheetManager:
<telerik:RadStyleSheetManager runat="server" ID="RadStyleSheetManager">
<StyleSheets>
<telerik:StyleSheetReference Name="Telerik.Web.UI.Skins.BootstrapLite.ComboBOx.Bootstrap.css" Assembly="Telerik.Web.UI.Skins" />
</StyleSheets>
</telerik:RadStyleSheetManager>
Link the correct stylesheet manually on the page in one of the following ways:
In ComboBox If somehow focus is moved to dropdown element (e.g. when user clicks on a header, or on load more items button) then arrow keys and keyboard support won't work anymore. It can be fixed by simply setting dropdown tabindex to say 1 and attaching ComboBox's own _onKeyDown handler to dropdown keydown too.
Customer feedback: The first combobox below behaves as I would expect to, and resizes when the browser window is resized. However, the second combobox does not resize when the browser window does. They use the same skin. The only real difference that I can see is that I use check boxes in the second one.
In the meantime you can use the following css workaround that will fix the issue: .rcbAutoWidthResizer .rcbScroll { overflow: visible !important; } /*To target IE 6, 7 and 8*/ @media \0screen\,screen\9 { .rcbAutoWidthResizer .rcbScroll { overflow: auto !important; } } /*To target IE 9 and 10*/ @media screen and (min-width:0\0) { .rcbAutoWidthResizer .rcbScroll { overflow: auto !important; } }
A possible workaround would be tweaking the ItemRequestTimeout property of the ComboBox <telerik:RadComboBox ItemRequestTimeout="380" runat="server" ... > ... </telerik:RadComboBox>
If the same text is typed into the input field as the one set for EmptyMessage and page is submitted, validator evaluates True. Current workaround is to subscribe the RadComboBox to OnClientFocus client event handler, and clear the EmptyMessage manually, thus preventing the EmptyMessage text to be sent to server. <telerik:RadComboBox ... OnClientFocus="comboFocus"> <script type="text/javascript"> function comboFocus(sender, args) { sender.set_emptyMessage(""); } </script>
described in this forum thread-http://www.telerik.com/community/forums/aspnet-ajax/combobox/717802-radcombobox-auto-complete-problem.aspx
We are running HTML validators as part of an effort to attain WCAG 2.0 A compliance. Among the errors we are seeing is The summary attribute is obsolete. Consider describing the structure of the table in a caption element or in a figure element containing the table; or, simplify the structure of the table so that no description is needed. Here is a snippet of the failing HTML, apparently from the rendering of the RadSocialShare control: <div id="ctl00_TemplateBody_WebPartManager1_gwpciNewSocialShareCommon_ciNewSocialShareCommon_RadSocialShare1_compactPopup_C_comboBox" class="RadComboBox RadComboBox_Default" style="width:160px;"> <table summary="combobox" border="0" style="border-width:0;border-collapse:collapse;"> We are currently running version 2013.2.717.45 of the ASP .NET for AJAX controls, but we just tried 2013.3.1015.45 and it didn't fix things in this regard, either. There is a similar discussion at http://www.telerik.com/community/forums/aspnet-ajax/combobox/table-summary-attribute.aspx , which recommends a jQuery fix. This fix works in terms of removing the summary attribute from that table, but it does not result in clean HTML when the w3c validator is run against it, so we believe that is not an acceptable workaround. In the discussion at http://www.telerik.com/community/forums/aspnet-ajax/general-discussions/accessibility-issues-various.aspx , some mention is made of fixing the combo box for the 2012 Q3 release, but it doesn't look like that happened.
If we dynamically remove highlighted item from a ComboBox at clientside, afterwards get_highlightedItem still returns that deleted item. ComboBox takes care of deleting selected item at like 497 of RadComboBox.js. Highlighted item should be taken care of too.
rad combobox on clientblur event setting custom text fine when we are going to press tab key but we are getting issue when we are selecting item from rad combo box manually using mouse.on clicking suppose i have text : ils - apple i have called onclien
Selecting an item from the RadComboBox and then pressing Enter key, does not trigger the default button(if set) of the form/panel in IE and Chrome. The workaround is to handle the client-side OnClientKeyPressing event of the RadComboBox and manually trigger the clicking of the default button.For example: ASPX: <asp:Panel ID="Panel1" runat="server" DefaultButton="RadButton1"> <telerik:RadTextBox ID="RadTextBox1" runat="server"> </telerik:RadTextBox> <asp:Label ID="Label1" Text="" runat="server" /> <telerik:RadButton ID="RadButton1" runat="server" OnClick="OnClick1" Text="Click" /> <telerik:RadComboBox ID="RadComboBox1" runat="server" OnClientKeyPressing="OnClientKeyPressing"> <Items> <telerik:RadComboBoxItem Text="text1" Value="val1" /> <telerik:RadComboBoxItem Text="text2" Value="val2" /> <telerik:RadComboBoxItem Text="text3" Value="val3" /> </Items> </telerik:RadComboBox> </asp:Panel> JavaScript: <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server"> <script type="text/javascript"> function OnClientKeyPressing(sender, args) { if (args.get_domEvent().keyCode == 13) { $find("<%=RadButton1.ClientID %>").click(); } } </script> </telerik:RadCodeBlock>
When EnableAutomaticLoadOnDemand="true" is set and no Height is specified, the first time RadComboBox is expanded only the topmost 3 or 4 items are visible. The rest of the items become visible when they are hovered or if the ComboBox is expanded again.