When binding a dropdown to a list (with .BindTo()) instead of a DataSource, none of the object's properties besides "Text" and "Value" are available in the Template, and will throw a ReferenceError that the property is not defined.
But this only occurs if the list of items it is bound to is of the type SelectListItem, or inherits from that type.
If the list is of items that do not inherit from SelectListItem, then all properties can be used in the Template with no error.
Screenshot of example project output:
Explanation:
Each dropdown on the page has a .Template() which simply displays the "Text" property and one other property (listed in each section's heading). Example:
"#= Text # - #= Disabled #"
If the property is not working correctly, a unhandled ReferenceError will occur and the dropdown will fail to initialize. These failed rows are highlighted red.
This only occurs when the dropdowns use .BindTo() and a list of either SelectListItems or of a class that inherits from SelectListItem. The dropdowns bound to lists of CustomSelectListItem, which does not inherit, have no issue with the additional properties.
This bug has been occurring since at least 2021.3.1109, but I confirmed is still present in the latest version.
Hi Team,
The rendered PanelBar automatically generates:
<ul role="tree">
<li role="treeitem" aria-expanded="true">
These sections are not a hierarchical tree; they are used as accordion-like form sections. Due to the incorrect tree/treeitem roles, the screen reader is not able to identify and announce these sections correctly, which can cause confusing navigation for users relying on assistive technologies.
Please consider updating the role of the PanelBar to be an accordian instead of a tree.
Thank you!
When a custom toolbar with multiple buttons is configured in the Scheduler, the Today button may be automatically hidden due to the toolbar’s responsive behavior. While this behavior improves usability on smaller screens, it can also hide important actions from custom toolbars.
Repl: https://dojo.telerik.com/UhOAjvkT
Consider adding a toolbar option that allows developers to disable responsive item hiding for specific custom toolbars, ensuring that all configured buttons remain visible.
raised Ticket 1710851, we want permanent fix from your side in next release, we don't rely on workaround that you have provided.
here is ticket desc-
We are using Telerik ASP.NET MVC with jQuery and are strictly following ADA compliance. We are facing an issue with DropDownList controls.
We have a required DropDownList, which we currently mark as required by passing the required HTML attribute. However, the problem is that Telerik places the required attribute on the <input> element, while screen readers interact first with the <span role="combobox"> element. As a result, the screen reader does not announce that the field is required.
Screen readers (tested with NVDA and VoiceOver on Chrome) only read required when it is applied to the element with role="combobox". We understand that having aria-required and role="combobox" on different elements is likely causing this behavior.
All we need is for the required state to be announced by screen readers, so any solution that achieves this is acceptable. Currently, the Telerik method of placing the required attribute is not accessible to screen readers.
Hi Support,
I would like to find some code samples on how I can @tag-a-user in a chat window and get a menu come up with users to choose from.
This is a very common feature of most modern chat platforms but I have not yet been able to find any code on how to do this.
Please help.
Hello Telerik team,
I have a PivotGrid v2 in my Home/Index view, and I would like to achieve the following behavior:
I want users to be able to drag the available fields into the Rows or Columns sections — just like in the classic Kendo UI PivotGrid, where fields remain selectable and can be freely dragged to the desired area (rows or columns).
Currently, the PivotGrid v2 does not seem to allow this kind of flexible drag-and-drop interaction.
Could you please let me know if there is a configuration or example that enables this behavior?
Attached is an example project, where dragging is not allowed.
Thank you very much for your help and guidance.
Best regards,
Pablo
Dear Telerik Support Team,
We are currently using the Telerik framework extensively in one of our projects — including grids, controls, calendars, and other components. Our experience so far has been excellent, and our goal is to fully adopt Telerik across our entire solution.
The only component we have not yet been able to fully migrate is the PivotGrid. We are currently using the DevExpress PivotGrid, but we would like to switch to Kendo PivotGrid, as we consider it to be a very powerful and modern development tool within your ecosystem.
However, during the migration process, we noticed a visual behavior that is not exactly an inconsistency but something we would appreciate your guidance on:
When building a PivotGrid with Telerik (using Kendo().PivotGrid() and an AJAX DataSource, not XMLA), the row field names are displayed inside an additional column. This layout increases the overall width and creates unused blank space.
In contrast, DevExpress displays the row field names above the related data block as a header, which helps make better use of the available space (please see attached images telerik.png and devexpress.png for reference).
We would like to know if there is a recommended way, configuration, or possible workaround to achieve a similar layout in Telerik’s PivotGrid, or if such a feature is being considered in the product roadmap.
Another property is showTotals in order to don´t show totals.
Thank you in advance for your assistance. We look forward to your response.
TextBox is always with autocomplete="off".
I know I can handle it by $(el).attr("autocomplete", "whatever"), but I think there should be an option how to handle autocomplete attribute on TextBox widget (and other widgets if any renders in the same way), because adding that part of code to all of desired elements is not nice solution for me...
Thanks!
When I am trying to use your components, I have to look things up on your web site. Considering you develop web site components, I would think that your site would behave very well. What I find is that I am often frustrated by web site. Here is an example:
https://docs.telerik.com/aspnet-mvc/api/kendo.mvc.ui.fluent/taskboardbuilder?_gl=1*3hzp1t*_ga*MTEwODg5NTUzNy4xNjc5MDc0ODQy*_ga_9JSNBCSF54*MTcxNzE3MjQ2NS4zNDMuMS4xNzE3MTczMzA1LjE2LjAuMA..*_gcl_aw*R0NMLjE3MTY0NzU0MDYuQ2owS0NRancwcnV5QmhEdUFSSXNBTlNaM3dwOXNTVTZDZC1rU0ViRVdYNDNjYVV2U0pnOWZOcFpHSk10YzVmOWhOX3hZY3owQlppb045RWFBbVpnRUFMd193Y0I.*_gcl_dc*R0NMLjE3MTY0NzU0MDYuQ2owS0NRancwcnV5QmhEdUFSSXNBTlNaM3dwOXNTVTZDZC1rU0ViRVdYNDNjYVV2U0pnOWZOcFpHSk10YzVmOWhOX3hZY3owQlppb045RWFBbVpnRUFMd193Y0I.*_gcl_au*MTAyOTkxNjgzOC4xNzEyOTMxMDQ3&_ga=2.233747739.449664680.1716902667-1108895537.1679074842&_gac=1.124170360.1714792673.Cj0KCQjwltKxBhDMARIsAG8KnqWeETNM6gbjk2Jt1wTc9LrEO5gPp1cwyMu5bYB9fTjPB6DpZ_mC0MsaAixAEALw_wcB
On this page you basically have three main sections:
The "Api reference" list on the left with a vertical scroll bar.
The "IN THIS ARTICLE" list on the right. No scrollbar
The actual api methods in the middle which scrolls with the main scroll bar.
But the "IN THIS ARTICLE" list section on the right never scrolls. I would like to be able to scroll through the list to see possible methods, but I can't. I know they are there to help navigate to a method but since a bunch of methods are basically cut off .....
Remember that first impressions aren't the only impression. You can make the sale with your demos, but can you keep the customer with your documentation?
@Html.Kendo().RadioGroupFor(m => m.UserType).LabelPosition(RadioGroupLabelPosition.After).Layout(RadioGroupLayout.Vertical).Items(item =>
{
item.Add().Label("Test1").Value("Test1");
item.Add().Label("Test2").Value("Test2");
item.Add().Label("Test3").Value("Test3");
})
@Html.ValidationMessageFor(m => m.UserType, "", new { @class = "text-danger" })
The above code shows required validation for UserType from server side properly. ( UserType variable decorted with Required )
However from client side it does NOT. Unfortunately I cannot use (form).KendoValidator()
In many applications we use passwords. Would love to have a field that allows for the setting of a type to "password" without templates.
.PasswordTextField() or something similar.
**Added by Admin**
If I pass in the model, the fields should get affected by the `DataType(Datatype.Password)` data annotation attribute.
Hi Team,
I would like to request to add Building Blocks and Page Templates for UI for ASP.NET MVC/Core.
Thank you!
Hello,
It seams that Milliseconds are missing from ChartAxisLabelsDateFormats and so there is no Milliseconds(string format) in ChartAxisLabelsDateFormatsBuilder.
https://docs.telerik.com/aspnet-mvc/api/kendo.mvc.ui.fluent/chartaxislabelsdateformatsbuilder
This means that to configure it, we have to config it from client js on load
Note: My current version is 2022.2.621 but according to doc it's the same in 2024.3.1015
// retrieve the Editor widget object
var editor = $("#editor").data("kendoEditor");
// attach a click handler on the tool button, which opens the ImageBrowser dialog
editor.toolbar.element.find(".k-i-image").parent().click(function () {
// a setTimeout is required, otherwise the ImageBrowser widget will still not be initialized
setTimeout(function () {
// retrieve the ImageBrowser widget object
var imageBrowser = $(".k-imagebrowser").data("kendoImageBrowser");
console.log(imageBrowser);
// retrieve the ListView widget object
var listView = imageBrowser.listView;
console.log(listView);
// order the image list by directory first and then by file name
listView.dataSource.sort({
field: "type", dir: "asc", compare: function (a, b) {
if (a.type!=b.type) {
return (a.type > b.type) ? 1 : -1;
}
else {
return a.name === b.name ? 0 : (a.name > b.name) ? 1 : -1;
}
}
});
});