Completed
Last Updated: 21 Apr 2022 12:25 by ADMIN
Created by: JeffSM
Comments: 1
Category: ComboBox
Type: Feature Request
0
It gonna be cool if ComboBox display his picture with text, like the pic shows.
Unplanned
Last Updated: 07 Apr 2022 08:56 by SWAT
Created by: SWAT
Comments: 0
Category: ComboBox
Type: Feature Request
0

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>

Unplanned
Last Updated: 31 Mar 2022 08:24 by Revanth
Created by: Revanth
Comments: 0
Category: ComboBox
Type: Bug Report
0
In general, disabled Controls get grayed out and turn inaccessible. Disabling the ComboBox using the set_enabled(false) would prevent users to interact with the ComboBox, but will not have a "disabled" style applied.
Declined
Last Updated: 02 Mar 2022 11:38 by ADMIN
Declined
Last Updated: 01 Mar 2022 16:09 by ADMIN
Based on customer feedback:

The RadFormDecorator decorates most native input controls, but does miss some, namely in ComboBox and ListBox.

As this [the lack of decoration] is something advertently done, due to various issues in different browsers, we should thread carefully.
Completed
Last Updated: 11 Feb 2022 14:19 by ADMIN
I have instances of using OnClientBlur on multiple RadComboBox controls, and if you tab quickly enough the event does not fire.  I've created an example which replicates what I see in the project I'm working on - two RadComboBoxes with the Blur event where I get the second to fire but not the first when tabbing from first to second to third (just another control w/o event).

This is causing issues where some validation is bypassed.

Screencast: http://screencast.com/t/VTQrN9uOVrI9

A couple observations:
- It will fire correctly if I wait long enough before tabbing out.
- If I pause on the second control after tabbing, then click somewhere, it sometimes then fires the Blur from the first control.
- I am using LoadOnDemand.  From my general observation it looks like it's potentially a race condition with the loading.

Planned
Last Updated: 14 Jan 2022 11:04 by ADMIN
Scheduled for R1 2022 SP1
"Loading..." text in Combobox with Virtual Scrolling is visible on first set of items loading.
It shows first time "Loading..." text. on scrolling it loads items from PageMethods/WebService but "Loading..." text it not visible i.e. because it is first <LI> item so it is not visible.

Instead of first <LI> item, it  should be at position where it always display while loading more items.

same issue is also in telerik demo website : http://demos.telerik.com/aspnet-ajax/combobox/examples/populatingwithdata/autocompletesql/defaultcs.aspx
Completed
Last Updated: 16 Dec 2021 16:05 by ADMIN
Release R1 2022

<telerik:RadComboBox runat="server" ID="CB" AllowCustomText="true" HighlightTemplatedItems="true" EnableViewState="false" CheckBoxes="true" EnableLoadOnDemand="true" OnItemsRequested="CB_ItemsRequested" ></telerik:RadComboBox>

Specifically, note that CheckBoxes is true.

In some cases, the combo box's  item's text may have HTML tags in them, but we don't want that HTML to be interpreted, and we're happy that RadComboBox automatically encodes the Item's name.  For example, the Item's text might be <img src=xxx onerror=alert(0)> , and of course we don't want that javascript to run. 

However, we have found a case where the text is not properly escaped, in which case the javascript does run and the alert popup shows.  The error is in RadComboBox.CheckBoxes.js, in the _checkedItemsTextsFitInputWidth function.  That function is passed the comma separated string of all the selected item's text.  This function wants to measure the width of the string, and so it creates a div off-screen, and then pushes the checkedItemTexts string into the div.  If the checkedItemTexts string contains any HTML tags that contain javascript, then that javascript is executed, which can be a XSS attack.

Unplanned
Last Updated: 23 Nov 2021 11:07 by ADMIN
Created by: Tom
Comments: 0
Category: ComboBox
Type: Feature Request
0

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.

Unplanned
Last Updated: 28 Oct 2021 09:06 by ADMIN
Created by: Tom
Comments: 1
Category: ComboBox
Type: Bug Report
1

At the first time requesting data, RadClientDataSource sends multiple requests to the server. All subsequent requests for Paging, Sorting work as expected.

Completed
Last Updated: 10 Aug 2021 15:19 by ADMIN
Created by: Paul Rogers
Comments: 1
Category: ComboBox
Type: Bug Report
2
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.
Declined
Last Updated: 16 Jun 2021 08:13 by ADMIN
Created by: luc bonenfant
Comments: 1
Category: ComboBox
Type: Feature Request
2
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
Declined
Last Updated: 14 Jun 2021 10:42 by ADMIN
Created by: Dennis
Comments: 1
Category: ComboBox
Type: Feature Request
2
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.



Unplanned
Last Updated: 14 Jun 2021 08:03 by ADMIN
Created by: Robert
Comments: 0
Category: ComboBox
Type: Feature Request
4
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>
Unplanned
Last Updated: 09 Jun 2021 18:19 by ADMIN
Created by: Dave
Comments: 0
Category: ComboBox
Type: Bug Report
1

The OnClientTextChange event is triggered inconsistently in RadComboBox.

Typing custom text in the following RadComboBox and pressing enter does not fire the event:

        <script lang="javascript" type="text/javascript">
            function OnClientTextChange(sender, eventArgs) {
                alert("You typed " + sender.get_text());
            }
        </script>

        <telerik:RadComboBox
            ID="RadComboBox1"
            runat="server"
            AllowCustomText="true"
            OnClientTextChange="OnClientTextChange">
            <Items>
                <telerik:RadComboBoxItem Text="item1" Value="item1" />
                <telerik:RadComboBoxItem Text="item12" Value="item12" />
                <telerik:RadComboBoxItem Text="aaaa" Value="aaa" />
                <telerik:RadComboBoxItem Text="bbbb" Value="bbb" />
                <telerik:RadComboBoxItem Text="AAAA1" Value="AAAA1" />
                <telerik:RadComboBoxItem Text="bbbb1" Value="bbb1" />
                <telerik:RadComboBoxItem Text="item11" Value="item11" />
            </Items>
        </telerik:RadComboBox>

Unplanned
Last Updated: 09 Jun 2021 18:08 by ADMIN

Example demo: https://demos.telerik.com/aspnet-ajax/combobox/examples/overview/defaultcs.aspx

And here's what JAWS sees:

Note the extra unlabeled "Button" following every combo box. This is confusing to the reader. They have no way to know that it is associated with the preceding field.

Additionally, I've noted that when aria-support is turned on, this button becomes focusable. Tabindex="0" is added to the span inside the text box. We prefer the older functionality where the button was not a tab stop. Which is the same behavior you have when aria support is turned off. For reference, see your own aria demo:

Note that the tab key stops on the drop down arrow. (You can check the previously linked demo and see that the arrows in those boxes are not tab stops.)

If right-click the arrow and inspect, you'll find the following: 

<span id="ctl00_ContentPlaceholder1_RadComboBox2_Arrow" class="p-icon p-i-arrow-60-down" role="button" aria-controls="ctl00_ContentPlaceholder1_RadComboBox2_listbox" tabindex="0"></span>

Adding aria support should not change behavior, so we'd prefer the tab stop was removed.

In our own application, we have additional problems when the button is focused and activated with either the "space" or "enter" keys, it refocuses the field, but it does not actually open the drop down. I do not see that problem in your demo. However, if the arrow button was removed as a tab stop and from the INS+F5 dialog, this would not be a problem.

Please note that all of the above is in Chrome. 

Workaround: 

Using the following code in the OnClientLoad event of the ComboBox:

  var _DropDown_OnClientLoad = function (sender, args) {
    var input = sender.get_inputDomElement();

    //Remove tabindex from down-arrow button. We never want to focus this button.
    $telerik.$(input).siblings("button").find("[role=button]").attr("tabindex", null);

    //hide the down-arrow button from screen readers. The entire combo box
    //should be considered a single control.
    $telerik.$(input).siblings("button").attr("aria-hidden", "true");
}

 

Declined
Last Updated: 27 May 2021 18:36 by ADMIN
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...
Declined
Last Updated: 27 May 2021 18:33 by ADMIN
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!
Duplicated
Last Updated: 27 May 2021 10:55 by ADMIN
Created by: Wendell
Comments: 0
Category: ComboBox
Type: Feature Request
0
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!
1 2 3 4 5 6