Hello kendoUI Team,
I am 98% sure the following is a bug: https://dojo.telerik.com/UZuKImUs/2
In this Dojo link, the AM/PM designators are logged to the console for the cultures en-US and de-DE. They appear to be empty for de-DE. Consequently, a custom format string "yyyy.MM.dd hh:mm:ss tt" will result in a formatted Date without the AM/PM designator at the end for the de-DE culture, instead ending with a trailing whitespace (i.e. the whitespace between "ss" and "tt" in the format string).
The JS console output for this Dojo code is:
AM designator(s) for en-US culture: AM, am, AM
PM designator(s) for en-US culture: PM, pm, PM
Format "yyyy.MM.dd hh:mm:ss tt" for en-US culture: "2011.01.01 12:27:36 PM"
AM designator(s) for de-DE culture:
PM designator(s) for de-DE culture:
Format "yyyy.MM.dd hh:mm:ss tt" for de-DE culture: "2011.01.01 12:27:36 "
Contrast this with the following equivalent .NET snippet:
using System.Globalization;
var testDate = new DateTime(2011, 1, 1, 12, 27, 36, 952);
var dateTimeTestFormat = "yyyy.MM.dd hh:mm:ss tt";
Thread.CurrentThread.CurrentCulture = new CultureInfo("en-US");
Console.WriteLine($"AM designator(s) for en-US culture: {Thread.CurrentThread.CurrentCulture.DateTimeFormat.AMDesignator}");
Console.WriteLine($"PM designator(s) for en-US culture: {Thread.CurrentThread.CurrentCulture.DateTimeFormat.AMDesignator}");
Console.WriteLine($"Format \"{dateTimeTestFormat}\" for en-US culture: {testDate.ToString(dateTimeTestFormat)}");
Thread.CurrentThread.CurrentCulture = new CultureInfo("de-DE");
Console.WriteLine($"AM designator(s) for de-DE culture: {Thread.CurrentThread.CurrentCulture.DateTimeFormat.AMDesignator}");
Console.WriteLine($"PM designator(s) for de-DE culture: {Thread.CurrentThread.CurrentCulture.DateTimeFormat.AMDesignator}");
Console.WriteLine($"Format \"{dateTimeTestFormat}\" for de-DE culture: {testDate.ToString(dateTimeTestFormat)}");
The output of this C# code is:
AM designator(s) for en-US culture: AM
PM designator(s) for en-US culture: AM
Format "yyyy.MM.dd hh:mm:ss tt" for en-US culture: 2011.01.01 12:27:36 PM
AM designator(s) for de-DE culture: AM
PM designator(s) for de-DE culture: AM
Format "yyyy.MM.dd hh:mm:ss tt" for de-DE culture: 2011.01.01 12:27:36 PM
While I am aware that kendo.culture cannot be a carbon copy of .NET's CultureInfo, I'm pretty sure that the missing AM/PM designators for the "de-DE" culture (possibly for others as well!) are an oversight in this particular case.
The workbook exporting to Excel generates a corrupted file when the name of some of its sheets contains a "cell-related" value - for example, "A1", "G5", "F45", etc.
When the saved file is opened in Excel, a "corrupted file" warning appears on the screen.
There shouldn't be any warnings when opening a saved workbook
There are several problems when extending a widget .
In this example we have extended the DropDownTree.
selectedProductId: [{ id: "a" }, { id: "c" }],
and not
selectedProductId: ["b", "c"]
So some properties are supported and other that have been added later not.
I present you the source code (https://dojo.telerik.com/ewewERiD)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Untitled</title>
<script src="https://code.jquery.com/jquery-1.12.3.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2022.2.510/js/angular.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2022.2.510/js/jszip.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2022.2.510/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2022.2.510/styles/kendo.default-ocean-blue.min.css">
</head>
<body>
<input id="dropdowntreeExt" data-bind="value: selectedProductId">
<script>
(function ($) {
var kendo = window.kendo,
ui = kendo.ui,
DropDownTree = ui.DropDownTree;
var DemoDropDownTree = DropDownTree.extend({
init: function (element, options) {
DropDownTree.fn.init.call(this, element, options);
$(element).parent().addClass("k-picker-solid k-picker k-rounded");
},
options: {
name: "DemoDropDownTree",
checkboxes: true,
fillMode: "flat"
}
});
ui.plugin(DemoDropDownTree);
})(jQuery);
var viewModel = kendo.observable({
selectedProductId: [{ id: "a" }, { id: "c" }],
//selectedProductId: ["b", "c"],
products: [
{ id: "a", name: "Coffee" },
{ id: "b", name: "Tea" },
{ id: "c", name: "Juice" }
]
});
kendo.bind($("#dropdowntreeExt"), viewModel);
//kendoDemoDropDownTree
//kendoDropDownTree
$("#dropdowntreeExt").kendoDemoDropDownTree({
valuePrimitive: true,
dataTextField: "name",
dataValueField: "id",
//checkboxes: true,
dataSource: viewModel.products//,
//fillMode: "flat"
});
alert($("#dropdowntreeExt").data("kendoDemoDropDownTree").options['fillMode']);
</script>
</body>
</html>
(!) This also applies in the latest versions as well (2022R2 and 2022R3).
2. if you place the properties in kendoDropDownTree, everything works well and the datasource also accepts the format selectedProductId: ["b", "c"]
3. Many options, like autoWidth property, don't apply in extended widgets (i.e. MultiSelect, DropDownList, DropDownTree etc).
4, In DropDownTree for the extended widget, valuePrimitive: true is not applicable. Instead of returning an array of the selected keys, it returns an array of the entire item.
If you create a spreadsheet in excel and just have the below formula - it locks up when you activate the sheet.
Or if you use the kendo spreadsheet and paste this into a cell, it also locks up.
Issue Description:
Screen reader user will get confused if incorrect narration is provided on the controls.
Test Environment:
OS : Windows 10
Version: 2004(OS Build 21292.1)
Browser : Anaheim Dev (Version 89.0.760.0 (Official build) (64-bit))
URL: https://docs.telerik.com/kendo-ui/api/javascript/ui/numerictextbox/methods/min
Screen reader: Narrator.
Repro steps:
1. Open the above-mentioned URL in browser there's example code for the Numeric text box feature.
2. Now, navigate to the 'Open in Dojo' and via tab key and run the program.
3. Now move the focus to the Text box.
4.Verify whether the Narrator announce min 0 and max 0.
Actual Results:
Screen reader announces the incorrect information as "Min 0 and Max 0" when the focus lands on "from" or "to" spin button's. Currently min and max both the value's are announced as 0.
Expected results:
Screen reader should announces the relevant information when focus is on 'From' or 'to' spin button. It should be announced "Min value as 0" and "max value as per design"
Additional Notes:
1. Same when focus first lands on the opened dialog after activating build button it is announced as table which is incorrect.
2. Same issue observed with every spin button and dropdown controls.
Mentioned in package.json: "typings": "index.d.ts", but the file is missing.
Package: @progress/kendo-ui@2022.2.621
The Popup widget has a"collision" setting that is documented here: https://docs.telerik.com/kendo-ui/api/javascript/ui/popup/configuration/collision. The documentation states the following:
If two words are used, the first one applies to the horizontal dimension and the second one - to the vertical dimension.
However, the first word sets the vertical behavior and the second word sets the horizontal behavior. This can be seen in the following DOJO: https://dojo.telerik.com/ewOKOZIh. The popup uses a configuration with its collision set to "flip fit". Still, when resizing the window horizontally (making it less wide), the popup slides under the input control instead of flipping to the other side. When resizing the window vertically (making it less high), the popup flips to the upper side of the input control once the space below is becoming too small.
In my understanding, the exact opposite behavior is expected.
Hi
I found bug into the Items of Tab component.
When you create Tab and write 3 TabItems for it, all of the component are correct but when you want create other tab into the first or second part of TabItem with 2 tabitems, you will expect to see one main Tab with 3 TabItems and other Tab with 2 Tabitems into the first tabItem of first Tab. But you will see one Tab with 5 Tabitems So main Tab merge all of TabItems with together.
<Tab id="mainTab">
<TabItem id="item1">
<Tab id="childTab">
<TabItem id="childItem1">
Content 1
</TabItem>
<TabItem id="childItem2">
Content 2
</TabItem>
</Tab>
</TabItem>
<TabItem id="item2">
Content 2
</TabItem>
<TabItem id="item3">
Content 3
</TabItem>
</Tab>
Thanks for solving this problem or for guiding me.
The "Classic" SASS theme for Kendo UI (v. 5.4.0) provides the $kendo-chip-spacing variable that defines the space between the text and the icon of the chip. This styling is e.g. used in the MultiSelect widget.
However, one cannot override its default value using the approach described in the documentation for SASS themes since the variable definition is missing the "!default" part (see the source file at line 8).
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
The problem described happens for multiple controls. For the sake of simplicity, I'll stick with the DropDownList.
As documented here, the DropDownList's "fillMode" option supports "null" as value. However, the corresponding TS typings file does not allow null. The same is true for the "rounded" and "size" options as you can see in the snippet below that was copied from "index.d.ts".
interface DropDownListOptions {
fillMode?: string | undefined;
rounded?: string | undefined;
size?: string | undefined;
}
Note: parts of the code were omitted for brevity's sake.
A (temporary) workaround is to trick the typing system by casting manually:
fillMode: null as unknown as string | undefined
The mentioned type is still missing for:
- kendoAvatar
- kendoCheckBox
- kendoListView
- kendoOrgChart
- kendoRadioButton
Hi,
I would like to report a bug with Spreadsheet control. The problem is when trying to import from JSON data into a specific sheet and there are more than 200 rows for import.
If number of rows to import is up to 200, it works correctly, but if number of rows is 201 or more, import is not correct - data starts to import into new columns.
See this simple reproduction: https://dojo.telerik.com/IFuxijEZ/2
When ToolBar with buttons is initialized in kendo.mobile.Application an error Maximum call stack size exceeded is thrown in the browser console
Currently, Maximum call stack size exceeded is thrown in the browser console
There should be no errors in the browser console when initializing a Toolbar in the mobile Application. - Working Dojo
Hello Telerik Team,
we at COPA-DATA have a supposed problem with the results of the Whitesource Scanner.
According to Whitesource the Kendo UI LIbrary is including a Sub Library called "DocSuitePA".
According to Whitesource this is the Library Owner:
Owner | |
Release Date | 23-04-2020 |
Host | GitHub |
URL | https://github.com/AUSL-ReggioEmilia/DocSuitePA/tree/8.88 |
Download Link | https://github.com/AUSL-ReggioEmilia/DocSuitePA/zipball/8.88 |
This Library is released under "European License 1.2" terms, which means for us a commercial distribution is not possible.
Could you please verify if this is a false / positive of the White source scanner or if this is an real issue inside the KendoUI Library.
Best Regards
Reinhard Mayr
The API docs for CheckboxGroup (https://docs.telerik.com/kendo-ui/api/javascript/ui/checkboxgroup/methods/value) states: "If passing an empty array, the value of the widget will be reset and the checked state will be removed from the selected checkboxes." But if you do this, it does NOT clear out any selections.
Code demo: https://dojo.telerik.com/IJOtaReh
Code snippit:
<ul id="checkboxgroup"></ul>
<script>
$("#checkboxgroup").kendoCheckBoxGroup({ items: [ "one", "two", "three" ] });
var checkGroup = $("#checkboxgroup").getKendoCheckBoxGroup();
checkGroup.value(["two", "one"]);
checkGroup.value([]);
</script>
Hi guys,
I'm using the following dojo: https://dojo.telerik.com/UXUSUvEC
Here are the steps to reproduce:
1. Add the following to the HTML view of the editor: <span>Testing</span>
2. Switch back to the WYSIWYG mode
3. Hit enter twice to add two new line
4. Enter some text (e.g. "Text from WYSIWYG view")
5. Hit enter to add a new line
6. Switch back to HTML view
7. Notice how it keeps replicating the spans
HTML view will show the following
<p><span>Test</span></p>
<p><span> </span></p>
<p><span>Test from WYSIWYG view</span></p>
<p><span> </span></p>
I've discussed this with Yanko Dzhemerenov before submitting.
The ContextMenu widget supports navigating from one item to another using the up/down arrow keys. If an item is focused, it receives the "k-state-focused" class and highlights the item visually. However, as soon as this or any other item is hovered, all focus classes are removed and therefore the highlight disappears. When pressing the arrow keys again, it reappears again, but the focus always starts moving from the hovered item instead of the most recently focused item.
This behavior can be reproduced in the following DOJO: https://dojo.telerik.com/ACIpeYIm
Unfortunately, we currently don't really see any way to fix this without directly modifying Kendo code or rebuilding the entire keyboard navigation ourselves, because the contextMenu keyboard navigation does not seem to set the DOM focus at all, but works with CSS-classes only.
Do you have any suggestions?
ContextMenu allows having focused and hovered items simultaneously.
There is an item marked with 'k-hover' class and an item marked with 'k-focus' class.
It is supposed to have a single active item in the ContextMenu.
The download functionality of the PDFViewer component and when downloading PDF using kendo.saveAs() method doesn't work on some iOS mobile devices.
Note: On some iOS devices the PDF is exported as expected, but on others, nothing happened.
Currently, on some iOS devices, the PDF is exported, on others, it is exported, but there is a warning "This form is not secure, are you sure you want to submit it". After approval, the file is downloaded. On some iOS devices after clicking the button to download the PDF file nothing happens.
It should be possible to download the PDF file on all iOS devices.