the dorpdown area doesn't support html encoded data.
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...
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!
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!
Given a RadComboBox with search, if the user enters some search text and then clicks on one of the filtered entries in the dropdown list the validation event is fired as the entry box loses focus and results in a 'false' return from validation as it uses the 'Text' property which is the search string. Validation is then refired as a result of clicking on the entry. However, the initial 'false' return can cause unwanted behaviour in code that depends on the validation event. I can supply a sample project demonstrating the problem, but it needs more than the 10 MB upload limit.
The ComboBox pop-up is moving over the page during scrolling in mobile Chrome (Android device). The problem is occurres both in scrolled or zoomed elements. *The same issue is reproducible also in the SkinChooser. Steps to reproduce: 1. Run the following code in in mobile Chrome: <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" PersistenceMode="ViewState" RenderMode="Auto" Skin="Telerik"> </telerik:RadSkinManager><br /><br /> <telerik:RadComboBox ID="cb1" runat="server" AutoPostBack="true"> <Items> <telerik:RadComboBoxItem Text="January" Value="1" /> <telerik:RadComboBoxItem Text="February" Value="2" /> <telerik:RadComboBoxItem Text="March" Value="3" /> <telerik:RadComboBoxItem Text="April" Value="4" /> <telerik:RadComboBoxItem Text="May" Value="5" /> <telerik:RadComboBoxItem Text="June" Value="6" /> <telerik:RadComboBoxItem Text="July" Value="7" /> </Items> </telerik:RadComboBox> 2. Tap over the combo in order to show its dropdown 3. Drag to scroll the page to the left Result: The dropdown pop-up is moving over the page.
In WebService binding scenario, the text of the items is not encoded and HTML code might get executed.
In Server-side Load on Demand binding this is not observed.
The following code can be used as a temporary workaround for WebService binding scenario:
<script type="text/javascript">
Telerik.Web.UI.RadComboBoxItem.prototype._renderItemContent = function (d) {
if (this.get_imageUrl()) {
this._renderImage(d);
}
//https://stackoverflow.com/questions/6234773/can-i-escape-html-special-chars-in-javascript
function escapeHtml(unsafe) {
return unsafe
.replace(/&/g, "&")
.replace(/</g, "<")
.replace(/>/g, ">")
.replace(/"/g, """)
.replace(/'/g, "'");
}
d[d.length] = escapeHtml(this.get_text());
}
</script>
Reproduction: https://demos.telerik.com/aspnet-ajax/combobox/examples/wai-aria-support/defaultcs.aspx
1) focus the ComboBox
2) press C
Expected:
- Camembert Pierrot is selected
- JAWS pronounces "c" and "Camembert Pierrot"
Actual:
- Camembert Pierrot is selected
- JAWS pronounces "c"
Reference for expected behavior: https://www.w3.org/TR/wai-aria-practices/examples/listbox/listbox-collapsible.html
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.
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");
}
Hi Telerik Support,
How do I move loading box to bottom of the combo box list when using load on demand feature. the case is we're using ShowMoreResultsBox=true and EnableVirtualScrolling=true and trying to get next batch of data on a heavy query, the loading box not showing on the list see image (2020-12-03 14_31_40-Agent - Verint Express.png).
can we show the loading box on the bottom of the dropdownlist, so user is aware that the data still being loaded.
Thank you
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.