RadComboBox Bootstrap Lightweight skin is not loading in version 2022.3.913

Workarounds provided by Admin:

Option 1

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>

Option 2

Link the correct stylesheet manually on the page in one of the following ways:

• By using the attached stylesheet file.
• Via the Telerik CDN link: https://d35islomi5rx1v.cloudfront.net/ajaxz/2022.3.913/BootstrapLite/ComboBOx.Bootstrap.css

please add native columns support for radcombobox

<Columns>
      <Column DataField="CategoryName" />
      <Column DataField="Description"  />
</Columns>

best regards

Hello,

Here is how i bind the dropdown.

when i trype anything in dropdown it only search based on product code, but i also want search to perform on product code, Product name and wood type code.

Please let me know how can i achieve same.

<telerik:RadComboBoxDataSourceID="SqlDataSource1"DataTextField="ProductCode"DataValueField="idxProductPriceID"EnableAutomaticLoadOnDemand="True"ItemsPerRequest="10"ShowMoreResultsBox="true"EnableVirtualScrolling="true"AutoPostBack="true"OnSelectedIndexChanged="drpProduct_SelectedIndexChanged"EnableLoadOnDemand="true"EnableScreenBoundaryDetection="true"HighlightTemplatedItems="true"MarkFirstMatch="false"Filter="Contains"ID="drpProduct"DropDownAutoWidth="Enabled"Width="100px"runat="server"><HeaderTemplate><tablestyle="width: 100%"cellspacing="0"cellpadding="0"><tr><tdstyle="width: 20%;">Product Code
                                                        </td><tdstyle="width: 40%;">Product Name
                                                        </td><tdstyle="width: 40%;">Wood Type Code
                                                        </td></tr></table></HeaderTemplate><ItemTemplate><tablestyle="width: 100%"cellspacing="0"cellpadding="0"><tr><tdstyle="width: 20%;"><%#DataBinder.Eval(Container.DataItem, "ProductCode")%></td><tdstyle="width: 40%;"><%#DataBinder.Eval(Container.DataItem, "ProductName")%></td><tdstyle="width: 40%;"><%#DataBinder.Eval(Container.DataItem, "WoodTypeName")%></td></tr></table></ItemTemplate></telerik:RadComboBox><asp:SqlDataSourcerunat="server"ID="SqlDataSource1"ConnectionString="<%$ ConnectionStrings:Default %>"ProviderName="System.Data.SqlClient"SelectCommandType="StoredProcedure"SelectCommand="3_ProductList_Select"></asp:SqlDataSource>

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>

To maintain accessibility consistency with normal HTML select comboboxes, we need the RadComboBox to support the Home and End keys to jump to the 1st and last item respectively.  Currently, it just moves the text cursor to the start/end of the textfield.

If the change can't be made globally, can a new property be set to control this behavior?
Ideally too, Page Up/Down can jump multiple items at a time.  Currently, it scrolls the page.

See a 2009 forum post too (from someone else):
http://www.telerik.com/forums/radcombobox-home-end-page-up-page-down-keys
I see the other keyboard shortcuts listed here:
http://demos.telerik.com/aspnet-ajax/combobox/examples/functionality/keyboardsupport/defaultcs.aspx

Per Anton: The keyboard support is specification is implemented according to the article (https://www.w3.org/TR/2013/WD-wai-aria-practices-20130307/#combobox) which is why there is no support for these keys.

We would like to request these additional keys be supported anyway.

[From ticket 1083598]

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>

This feedback item has been raised from this forum thread: http://www.telerik.com/community/forums/aspnet-ajax/combobox/enablecheckallitemscheckbox-all-entry-doesnt-fire-onitemchecked-event.aspx

This issue was first raised back in Sep '11 as it was suggested that 'it was in the plan for a future release'.

I've added this item here in the feedback portal to ensure that it's not got lost

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.

In a FormView, a routine scenario is to provide a control that has some sort of picklist (either DropDown or ComboBoxList) that may be tied to a field that contains a DBNull.

An example might be where one of the fields in the Telerik Profile specifies their favorite Telerik Product (KendoUI, ASP.NET AJAX, etc.).  However, their might be profiles where the user has not selected a favorite product.  Assuming that the Product list comes from a related table, then this field (say, FavoriteProductId) in the Profile would contain a DBNull.

I would like Telerik to add "declarative" functionality on the RadComboBox and RadDropDownList to handle the case where SelectedValue = DBNull.

Below is an example of what this might look like for a RadComboBox (inside of a FormView -- note: only showing the RadComboBox declaration).

<telerik:RadComboBox Style="z-index: 9100"  ID="rcbFirstOrder" runat="server" Width="50px" SelectedValue='<%# Bind("FirstOrder") %>'     HandleDBNull="true" >
    <Items>
        <telerik:RadComboBoxItem runat="server" Text="" Value="DbNull (or Null or Nothing)" />
        <telerik:RadComboBoxItem runat="server" Text="No" Value="0" />
        <telerik:RadComboBoxItem runat="server" Text="Yes" Value="255" />
    </Items>
</telerik:RadComboBox>

Notice the new property ---    HandleDBNull = true       and the ability to define the value on a RadComboBoxItem as DBNull (or null or nothing) -- some string to define DBNull.

Although the above example shows all the RadComboBoxItems defined declaratively, this scenario could easily be extended to use AppendDataBoundItems = true and the non-DBNull values to come from a Data Source.

Thanks for taking the time to consider this functionality.  This enhancement would remove all of the code-behind tweaks that are currently incorporated to use a ComboBoxList / DropDownList with a database field that can contain DBNull.