Currently, the behavior on selection is to highlight the selected item, so modifying the appearance of a selected item would affect the appearance of hovered items as well.

In the meantime, a custom CSS class can be added/removed to the selected item as in the snippet below:

<script>
    function OnClientLoad(sender, args) {
        var selectedItem = sender.get_selectedItem();
        if (selectedItem) {
            $telerik.$(selectedItem.get_element()).addClass("rcbSelected");
        }
    }

    function OnClientSelectedIndexChanged(sender, args) {
        $telerik.$(sender.get_dropDownElement()).find(".rcbSelected").removeClass("rcbSelected");
        var selectedItem = sender.get_selectedItem();
        if (selectedItem) {
            $telerik.$(selectedItem.get_element()).addClass("rcbSelected");
        }
    }
</script>

<style>
    div.RadComboBoxDropDown .rcbSelected {
        color: red;
        background-color: lightgreen;
    }
</style>
<telerik:RadComboBox ID="RadComboBox1" runat="server" RenderMode="Lightweight" OnClientSelectedIndexChanged="OnClientSelectedIndexChanged" OnClientLoad="OnClientLoad" MaxHeight="150">
    <Items>
        <telerik:RadComboBoxItem Text="Item 1" />
        <telerik:RadComboBoxItem Text="Item 2" />
        <telerik:RadComboBoxItem Text="Item 3" Selected="true" />
        <telerik:RadComboBoxItem Text="Item 4" />
    </Items>
</telerik:RadComboBox>

Hi,

This is a follow on request from a ticket raised where it was stated this feature isn't available and there is no work around.

When you hook a RadCombobox to a RadClientDataSource, which returns a paginated set of results along with a count of total number of records, the RadCombobox should display the "Show More Results" box along with the text stating "Items 1 - x of y" as all that information should be able to be calculated from the data returned.

RadCombobox WAI-ARIA improvements 

1. When we have a selection but do not have filtering and custom text:

aria-autocomplete: list ---> Combobox list item
2. When we have selection and filtering: ---> Combobox inline completion list item
aria-autocomplete: both
3. disabled: aria-autocomplete: none 

https://www.w3.org/TR/wai-aria-practices/examples/combobox/aria1.0pattern/combobox-autocomplete-both.html

In combo box once a value is selected there is no option to clear the selection. We can have an additional button outside the combo box to achieve the same.

This will require some additional coding.

Since this is a regular scenario why can't there be a property within the RadCombo Box that makes clear selection button visible next to the combo box drop-down button and does the task of clearing the selection?

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>

This error comes up often for this control and workarounds have been discussed and posted.  See below

http://www.telerik.com/forums/radcombobox-error-selection-out-of-range-parameter-name-value 
http://www.telerik.com/forums/selection-out-of-range-excpetion 
http://www.telerik.com/forums/selection-out-of-range-parameter-name-error-need-to-be-able-to-set-values-that-don-t-exist-in-the-combobox 
http://www.telerik.com/forums/selection-out-of-range-parameter-name-value 
http://www.telerik.com/forums/selection-out-of-range-parameter-name-value-radcombobox-in-radgrid
http://www.telerik.com/forums/radcombobox-selection-out-of-range-error 
 

The feature request is the following:

1.  Add an Attribute to the RadComboBox, RadDropdownList (and any other controls that suffer from this issue).

2. Let's call the Attribute   --   AppendIfSelectedValueMissing.

3. This attribute would be a boolean (True / False).  Default is FALSE.

4. If AppendIfSelectedValueMissing=True  then when the value of record is being Databound to a RadComboBox, RadDropDownList, etc.  A check (or Try/Catch) would occur to ensure that the Value exists in the DataSourceList and if it does NOT exist in the list then the SelectedValue would be Appended to the List.  Thus, eliminating the "Selection out of range, Parameter, Value" error.

This occur often because some lists get changed over time; however, the historical data may have a value that is no longer on the list -- thus triggering the error.

For example, let's say we ask for a user's Favorite Color.  Our original list was:
Red, Green, Blue

but for some reason -- management, changing user requirements, etc. the new list is

Red, Orange, Blue

Now, if we DataBind a RadComboBox to a historical record with Green as value, we get the "Selection Out of Range" errror.

What I am proposing is -- if we set the AppendIfSelectedValueMissing = True then 
databinding to a historical record with Green would have the following occur.

List from DB ---   Red, Orange, Blue
SelectedValue --    Green
AppendIfSelectedValueMissing
New List for Ctrl --  Red, Orange, Blue, Green

Thus, the error goes away, the historical data can stay the way it is and the lists can adjust their choices over time.

All good for everyone!!!

Thanks for your consideration. 

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]

FYI: this is basically an edit of a previous post.  Original didn't allow edits.

Please add a Server Side event for OnBlur or OnClose for the RadComboBox with the option for an auto postback.

The Telerik support team suggested using the "TextChanged" event.

However, this does not work for my purpose and here is why:

Mainly because it appears that an event fires immediately after each check/uncheck.

I have been using a dropdowncheckbox control by another vendor in multiple projects over the past 3 years (many, many instances).  It fires an event when you click anywhere out side the dropdown or when you collapse the dropdown (close).  This is perfect because many of these dropdowns supply parameters to SSRS reports that are generated on the webpage and I can iterate through the object and process all of the items that are checked at the same time, pass all parameters to the various reports.

Users of these website have requested that after selecting (checking) which values they want to choose, they want the reports to run automatically and don't want to click a "Run reports" button. I am doing this currently with the other control.

*** How could I possibly determine when the user is done checking/unchecking items using the "TextChanged" event?  

With an OnBlur or OnClose event it's a No-Brainer.  Event --> Do Processing...

Our company made a decision to standardize our tool set and picked Telerik as that toolset vendor.  The lack of having an event that fires similar to the control that I have been using in the past will require unnecessary code modification.

In summary, if there was a similar event I could simply rename each instance of my C# event handlers (methods) across all projects, then modify that code to iterate through the RadComboBox instead of the control I currently use and be done.  Find --> Replace, mostly. 

For the one (1) instance of the RadComboBox that I have tried I was able to create a work-around by placing code in the IsPostback of the Page_Load event and iterate through the radcombobox, getting the checked values and then doing whatever processing  needs to be done.  This not work for most of the pages in my projects mentioned above due to different circumstances.

Thanks!

Please add a Server Side event for OnBlur or OnClose for the RadComboBox.

The Telerik support team using the "TextChanged" event.

However, this does not work for my purpose and here is why:

Mainly because it appears that an event fires immediately after each check/uncheck.

I have been using a dropdowncheckbox control by another vendor in multiple projects over the past 3 years (many, many instances) which fires when you click anywhere out side the dropdown.  This is perfect because many of these dropdowns supply parameters to SSRS reports that open on the webpage and users of these webpages have requested that after selecting (checking) which values they want, they want the reports to run automatically and don't want to click a "Run reports" button. 

*** How could I possibly determine when the user is done checking/unchecking items using the "TextChanged" event?  

With an OnBlur or OnClose event it's a No-Brainer.  Event --> Do Processing...

Our company made a decision to standardize our tool set and picked Telerik as that toolset vendor.  The lack of having an event that fires similar to the control that I have been using in the past will require unnecessary code modification.

In summary, if there was a similar event I could simply rename each instance of the C# event handlers (methods)  across all projects and be done.  Find --> Replace. 

For the one (1) instance of the RadComboBox that I have tried I was able to create a work-around by placing code in the IsPostback of Page_Load and iterate through the combobox, getting the checked values and then whatever processing  needs to be done.  This will not work but for very few of the pages in the projects mentioned above.

Thanks!

The input box (TextBox) portion of the Rad Combo box could benefit from the ability to customize/format the data presented within said element.  Having the ability to toggle it to a multi-line TextBox would aid in this ability as well.  Having the ability to implement custom html in the form of a template, perhaps a SelectionBoxTemplate, would open the control of the display to be completely customizable.

Please consider this enhancement in a future release.

Thanks...

the dorpdown area doesn't support html encoded data.

please add native columns support for radcombobox

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

best regards

Why don't you include a boolean property to show selected image inside input ?

This is already a code library to do it :
http://www.telerik.com/support/code-library/show-the-selected-item-image-in-input

MarkFirstMatch and Filter functionalities are not supported when checkboxes are enabled, as specified in the Checkbox Support help article. If you remove these two functionalities, the Check All checkbox works as expected.


I want to have on the MarkFirstMatch and the filter on and the "all" to be shown.

see ticket number 942452

We have evaluated your controls for few days for the last 4 years now. And you still dont support check boxes and load on demand. (we keep getting the same response from your forms). There are other companies already do that. If you can include this feature in your future development that will be great. 

We can not use RadAutoCompleteBox control as the users do not what they are searching for. 

How come no one else asking for this. All what needed is to cache the values after the control is loaded. 

Thanks.

add ability for radcomboboxitem to expose the attributes collection for the selected item when client-side binding occurs via a webservice.  (based on support id 87724).  Currently only selected text and values are accessible when posted back.  The attributes related to the selected item are as important to provide proper context once on the server side.  Again, this only necessary for the selected item, not all items as I understand the ramifications to client side performance.

It gonna be cool if ComboBox display his picture with text, like the pic shows.

If a combobox uses load-on-demand and an item is selected, after postback the item list will be filtered to only items that contain the text of the selected item.  This type of filtered loading is desirable when the user is typing into the combobox and is expecting a reduced item list.  However it can be unexpected behavior if an item is selected, the user was not typing into the combobox, a postback occurs, and then the item list has been reduced.

This video demonstrates the current behavior:
http://screencast.com/t/NVkDc3KYR

And so my request is for the combobox items list to remain the same after postback when the user did not intend for the item list to be reduced.