Dear support team,
when using the gradient color selection for font color and/or background color the textbox for the HEX value seems to be "disabled".
It can not be selected by using the mouse but it works using keyboard navigation, so the TAB key.
This can be reproduced easily with the samples in the API documentation (https://docs.telerik.com/kendo-ui/api/javascript/ui/editor/configuration/tools.palette) of the editor or the main demo by changing the "foreColor" or "backColor" tools to
{ name: "backColor", palette: null }
or see the following dojo containing the default : https://dojo.telerik.com/IbaFaGIz
This is annoying in case you have an exact color that should be used as it is awkward to select it in the "color area".
The textbox should be fully useable by the users.
PS:
Same when switching from HEX to RGB input.
Based on the MVVM demo: https://demos.telerik.com/kendo-ui/treelist/mvvm
DoJo: https://dojo.telerik.com/aYocadiS
Description: MVVM TreeList with column template, inside the template is a MVVM button.
Steps to reproduce:
- open the DoJo
- Button is rendered correctly
- expand a row
- Buttons are now messed up and don't work anymore
Hi,
I'm finding that the grid pager is improperly rendered when it's initialized while hidden. Regression was introduced in version 2023.2.829 (didn't check internal revisions).
I use this, for example, when using tab panels and switching tabs containing grids.
I've made a dojo that illustrates the issue, clicking the button "show grid" shows the previously hidden grid
https://dojo.telerik.com/AZADekem
Best,
Gil
If a column is hidden in a grid, editing and then closing the popup shows the column for that row.
Hello,
I am experiencing a bug on my kendo grid filtering when doing a filter on the column with foreign keys.
In the filtering popup, the 2nd dropdown to select value is always empty and there is no data associated with the dropdown.
You can also see this bug on yoru demo site:
https://demos.telerik.com/kendo-ui/grid/foreignkeycolumn
Here i am trying to filter by category and the first dropdown has data in it, however the 2nd one doesn't.
Please advise,
Thanks,
Vlad
TL;DR: The DropDownList widget cannot be closed by clicking the arrow-icon.
The long story:
After the DropDownList has been opened once, it closes and reopens every time the user clicks the arrow-icon. Closing the DropDownList still works when clicking anywhere on the dropDown except the arrow-icon (or rather the button around it) or anywhere else but the dropDown. This DOJO demonstrates the problem. Animations have been disabled to allow easier reproduction (with animations on, the problem appears only occasionally, probably because of timing issues).
If you look closely, you will notice that the dropDown closes when the mouse button is pressed and reopens when the mouse button is released (this is when the click event is fired). Therefore, the problem can be (temporarily) mitigated by suppressing the mousedown event on the dropDown's wrapper element.
Hi,
The buttons And/Or in the column menu filter are not translated. They are in English even if the language is set to Swedish.
This is only when componentType is set to "modern". When it is set to "classic" the button language is correct.
See Dojo and attached screenshots.
Hi,
I combined code form two examples found on your site in order to reproduce the bug.
The original example describes how to append tab to the tabStrip:
https://docs.telerik.com/kendo-ui/api/javascript/ui/tabstrip/methods/append
dojo editor: https://dojo.telerik.com/alEGIcod
I added this line
tabStrip.remove("li:first");
that was copied from the other example about removing tab:
https://docs.telerik.com/kendo-ui/api/javascript/ui/tabstrip/methods/remove)
Just "li:last" I replaced by "li:first"
Now the appended tab has content of the second tab "Content 2" instead of "Appended Tab 1 content".
The bug reproduced.
I think that the problem is that the both tabs have the same id: id="tabstrip-tab-2"
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Kendo UI Snippet</title>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2020.3.1118/styles/kendo.default-v2.min.css"/>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2020.3.1118/js/kendo.all.min.js"></script>
</head>
<body>
<div id="tabstrip">
<ul>
<li>Tab 1</li>
<li>Tab 2</li>
</ul>
<div>Content 1</div>
<div>Content 2</div>
</div>
<script>
var tabStrip = $("#tabstrip").kendoTabStrip().data("kendoTabStrip");
tabStrip.remove("li:first"); // added line
tabStrip.append(
[{
text: "<b>Appended Tab 1</b>",
encoded: false,
content: "Appended Tab 1 content",
},
]
);
</script>
</body>
</html>
Version of Kendo UI Grid: v2016.3.1028
There appear to be a few accessibility issues with the pager control for kendo grid when using a screen reader:
2. When navigating to the pages--screen reader is narrating some irrelevant information about the page elements say 'Link label one of one , Link two of two label one , Link three of three label one.
Obviously an older version of the kendo ui grid is being used--but I wanted to confirm that these issues have been fixed for more recent versions. For accessibility compliance a user should be informed via screen reader if a link is disabled and pages should be clearly announced when selected.
Thanks!
Hi Kendo Team,
I am getting this error when trying to open a pdf from Azure Blob using kendoPDFViewer. (Error: has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.)
I use token-based authentication by SSL token included to the image/pdf URLs and It works fine for image viewing using kendoImageEditor.
My code is simple as follows:
this.viewer = $("#pdfViewer").kendoPDFViewer({
pdfjsProcessing: {
file: pdfUrl,
},
width: "100%",
}).data("kendoPDFViewer");
Could you please let me know how to fix this issue?
Or do I need to use dplProcessing with an Authorization token
Hi,
I updated my project to Kendo UI for jQuery 2020.3.1021 but then all Grids stopped working on mobile or tablet devices. When downgrading to 2020.3.930 grids works fine. Also tried it with 2020.3.1028 but same issue.
I have tested it on iPad, iPad Pro, Samsung S10. Same issue with Chrome/Edge Chromium and emulate a mobile/tablet device.
In the browser console you can see the javascript error: "Cannot read property 'rows' of null".
Reproduction of the problem:
Hi!
I've found that column menu doesn't work properly when both columns.selectable and columnMenu are enabled. Just run this code snippet and try to enable/disable columns in column menu.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Kendo UI Snippet</title>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2020.2.617/styles/kendo.default-v2.min.css"/>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2020.2.617/js/kendo.all.min.js"></script>
</head>
<body>
<div id="grid"></div>
<script>
$("#grid").kendoGrid({
columnMenu: true,
columns: [
{ selectable: true },
{ field: "name" },
{ field: "age" },
{ field: "pet" }
],
dataSource: [
{ name: "Jane Doe", age: 25, pet: 'dog' },
{ name: "John Doe", age: 71, pet: 'cat' }
]
});
</script>
</body>
</html>
If the datasource of a Grid with "autoBind: false" configuration is sorted using the below code, the data sorting in the component is correct but no sorting arrows appear in the headers of the sorted columns.
var grid = $("#grid").data("kendoGrid");
var sort = [{field: "Freight", dir: "desc"}, {field: "OrderDate", dir: "asc"}];
grid.setOptions({ dataSource: {sort: sort }});
grid.dataSource.read();
The sorting arrows are missing for both the "Freight" and "Order Date" columns
The arrows should appear as shown in the image below. The correct behavior can be observed in this Dojo example