The TileLayout is a great way to show data in a dashboard, but lacks a dataSource to allow dynamic generation of them. I have had to create a custom extension that introduces a dataSource, which then utilises `widget.setOptions({ containers: items })`. But this puts too much reliance on custom code and is a worry that it will break between version upgrades. Also, editing one container doesn't allow the refreshing of one tile; I need to reset the whole lot using `setOptions`.
Adding, editing, resizing, and re-ordering are also difficult to implement for a tool that has huge potential.
During the Done event for the Kendo UI Wizard, the button argument returns as undefined due to the span element being targeted rather than the button.
The button argument should return the clicked button which raised the event.
Hi Telerik Team,
Iām using Kendo UI version 2022.3.1109 with jQuery, and I have implemented a Kendo UI ImageEditor in my application. I would like to restrict the allowed file types when users open an image from their device.
Goal
I want the ImageEditor to accept only a specific set of formats:
Current Behaviour
When the user clicks the Open tool inside the Image Editor:
attribute available in Kendo Upload
Regards,
Amit
Hi Team,
I would like to request a chart which visually displays workflow data similar to a Gantt chart but in pivoted form.
Thank you!
When using the Grid's GetSelectedData method with a selectable column, the method throws an error.
The following error message occurs:
kendo.all.js:143633 Uncaught TypeError: Cannot read properties of undefined (reading 'selectedRanges')
Kendo UI version: 2025.3.812
Browser: [all ]
When there are multiple Property Grids on the page, all the Property Grids have the column width as configured for the first one.
The second and third PropertyGrids have the same width as the first PropertyGrid, although their configuration is different.
Each instance should have column widths based on the configuration.
When the TabStrip has an empty dataSource initially, and then a new item is added using the dataSource.add() an error appears in the console and no item is added.
An error appears in the console, and no item is added.
An item should be correctly added in the TabStrip.
Add an item in the dataSource initially and remove it when needed - Dojo - https://dojo.telerik.com/NgHHVOFy
When a Notification is rendered on the same page as popups (Window, Dialog, etc), it is displayed behind the popup.
Notification is displayed behind the popups.
The Notification should be displayed on top of the popups
$('.k-notification').parents('.k-animation-container').css('z-index', 12500)
Dojo - https://dojo.telerik.com/TnVHKzQc
When the Kendo UI Grid is utilizing localization with group paging, the pager does not translate.
The Pager's messages are not translated.
The Grid's pager should translate like when group paging has been disabled. (Dojo)
In some cases, a CSP error - Applying inline style violates the following Content Security Policy directive 'style-src 'self' .... is thrown in the Editor
CSP Error is thrown - Applying inline style violates the following Content Security Policy directive 'style-src 'self'
Expected/desired behavior
There should be no errors when using the Editor tools.
When the sortable option is disabled, the title in the header is not wrapped in span element with 'k-column-title' class.
Rendering with sortable enabled:
The filtering icon and title have enough space:
Rendering with sortable disabled:
filtering icon overlaps the title in case of long text:
The rendering should be identical. The header title should be wrapped in a span element with 'k-column-title' class
Workaround for fixing the overlapping issue:
<style>
.k-grid-header .k-filterable{
padding-right: calc(1.42857143em + 14px);
}
</style>
Currently the dialog action buttons can not hold only icons, the API does not provide means to have a button with only an icon or an icon and text. Considering the aforementioned we should extend the API to allow adding of icons inside the action buttons.
When utilizing a scrollable, horizontal Kendo UI Menu, the height of the menu appears to stretch.
The Menu's height should not stretch upon initialization as shown in this Progress Kendo UI Dojo.
When using column virtualization in Kendo Grid, the save event returns an incorrect field name. After scrolling to virtualized columns, editing a cell displays the value from a different column.
An incorrect value is displayed in the cell:
The field in the save event is not correct; instead, Field48 is logged.
The correct field should be edited and returned in the save event when editing a Grid with virtual columns.
The grid has a number of built in filters, what is not supported is searching for cells that have no value or some value (i.e. NULL or NOT NULL). This would be a very useful addition.
Using Edge/Chrome, upon pasting underline text in the Kendo UI Editor, the content is rendered underline, but the UI doesn't highlight the button. In turn, if the user toggles the underline style for parts of the text, it doesn't work. At this point, the button is now highlighted for the part, but switching back to no underline style doesn't have any effect regarding the rendering. Removing the style for the whole line does work as expected.
The underlined text decoration should be recognized by the UI and display.
As a comparison, here is the content after paste:
<p><span style="text-decoration-line:underline;">some text with underline</span></p><p><span style="text-decoration:underline;">some text with underline</span></p>When a CheckBox is set to enabled: false, the input is missing the k-disabled class. Thus, the checkbox does not have disabled styles applied.
The desired rendering of the component - https://github.com/telerik/kendo-themes/blob/e1dbf1a74980bd82718f40085f6a8e21922f1897/tests/checkbox/checkbox-states.html#L44
The first checkbox is enabled and the second is disabled, but they appear the same.
The input should have the k-disabled class when the checkbox is disabled
<style>
.k-checkbox:disabled{
opacity: 0.6
}
</style>
Dojo - https://dojo.telerik.com/ztwIGjBO
If you set a data validation for a number typed cell in the Spreadsheet, the message will be improperly formatted.
Regression introduced with 2024.4.1112
The validation message is improperly formatted - "Please enter a valid any value greater than 10,,10,,number,reject,greaterThan."
Message should be "Please enter a valid any value greater than 10."
Currently, Kendo UI for jQuery components rely on innerHTML and direct DOM manipulation throughout their internal implementation. This occurs in multiple components.
Thus, when "require-trusted-types-for 'script';" is included, errors such as - `This document requires 'TrustedHTML' assignment. The action has been blocked.` and `TypeError: Failed to execute 'write' on 'Document': This document requires 'TrustedHTML'` - appears on the page.
I would like to request Trusted Types Support for Kendo UI for jQuery components.