Clicking an item in the parent list reveals the child list that replaces the parent list.
At the top of the child list, there is a < back item that allows returning to the parent list.
For examples, see the drawers at:
- https://www.amazon.com/
- https://www.diy.com/ (make the window small enough to display the drawer button)
See also https://www.telerik.com/forums/kendo-ui-drawer-subitems
Hi Team,
I am using the Kendo UI version [kendo/2020.1.114] and CSS - [kendo.default-v2.min] for adaptive rendering. I am facing issue to use Kendo Grid Adaptive Rendering feature in our Application as I am using KendoComboBox to bind String type fields and KendoNumericTextBox for Decimal and Integer type values. These are all working fine in WEB view but not working in Mobile View. All the kendo input controls are converted into normal html controls in Mobile Mode and break the KendoComboBox and NumericTextBox by default feature in Kendo Grid Filter and numeric textboxes also allowing to input string values. So Please look into and help us to resolve this problem.
Thanks
Hi.
I make kendo grid which has pageable: {pageSizes: true, pageSize: 10} options.
After $("#grid").data("kendoGrid").setDataSource(dataSource), pageSize is changed NaN.
even setOptions() is not working.
$("#grid").data("kendoGrid").setOptions({
pageable: {
pageSizes: true,
pageSize: 10,
}
});
This is sample code.
<!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>
let dataSource =new kendo.data.DataSource({data:[{ productName: "Tea", category: "Beverages" }]});
$("#grid").kendoGrid({
columns: [
{ field: "productName" },
{ field: "category" }
],
dataSource: [
{ productName: "Tea", category: "Beverages" },
{ productName: "Coffee", category: "Beverages" },
{ productName: "Ham", category: "Food" },
{ productName: "Bread", category: "Food" }
],
pageable: {
pageSizes: true,
pageSize: 10,
},
});
$("#grid").data("kendoGrid").setDataSource(dataSource);
$("#grid").data("kendoGrid").setOptions({
pageable: {
pageSizes: true,
pageSize: 10,
}
});
</script>
</body>
</html>
The grid dataBinding event exposes useful information like the action, based on which I can implement my logic.
The treeList equivalent only has the sender, making it virtually useless.
Bug report
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.
Reproduction of the problem
- Open this Dojo project and run it
- Save the exported Excel file and open it.
Current behavior
When the saved file is opened in Excel, a "corrupted file" warning appears on the screen.
Expected/desired behavior
There shouldn't be any warnings when opening a saved workbook
Environment
- Kendo UI version: 2019.3.1023
- jQuery version: x.y
- Browser: [all]
The NumericTextBox should behave like standard input fields and automatically select all the text when tabbing into the control. This should work for NumericTextBox controls whether using inside or outside of a Kendo grid.
CSP is a great security feature. It should be fully supported by Kendo! The best would be some way to precompile Kendo Templates. Second option could be that you can use Kendo + CSP when not using own Kendo Templates at all.
Hi Team,
I'd like to request a component which would be a real-time clock/timer.
Thank you!
When we do some pages just like register, we need step by step, a smart wizard plugin will be useful.
http://docs.telerik.com/kendo-ui/framework/templates/overview#template-syntax
Comment requires double slash //
var result = template(data); /Pass the data to the compiled template
Please support API access for private NuGet feed. It is more friendly to build servers and avoids user information leaking.
1)I have configured drop-down(list) for the values in the cell of spread sheet.
2)Scroll bar is not coming in that drop down list.
3)Due to which if list is big ,it is going out of sheet.
4)Please see the screenshot attached to see the issue.
5)Kindly reply.
But when a value is minus it allows decimals.
Bug report
Reported for iPad Air 2, tested and reproduced on iPad Pro 2020 12.9' iOS 13.5.1.
Reproduction of the problem
Dojo example.
- The result of kendo.support.mobileOS is displayed with an alert.
Current behavior
mobileOS returns false.
Expected/desired behavior
mobileOS returns an object with information about the mobile OS, device and browser.
Environment
- Kendo UI version: 2020.2.617
- jQuery version: x.y
- Browser: [ iOS XX Safari | iOS Firefox ]
When exporting data to an Excel spreadsheet, unsanitized data can be used to trigger a formula-injection attack. For example, a malicious user could embed a formula in a normal business object field (eg. description of a movie), then wait for a unsuspecting user to export the data to Excel. When the file is open in Excel and the cell is clicked, the formula is executed on the user machine, which can be used to do bad stuff (execute commands, exfiltrate data...). While latest versions of Excel has added a lot of warning when you open spreadsheet, it often recommend to open the file only if the user trusts the originating web site, which is normally the case.
One way to mitigate the issue is to prepend a single-quote to a value in Excel, which neutralize the formula and force the value to be interpreted as a string. The single quote is not shown in the Excel grid, but is visible in the formula bar.
With Kendo UI for jQuery, we can modify the data on the fly to prepend a single-quote, which does neutralize formula, but the single quote is shown in the Excel grid.
To obtain the same behavior as Excel, we need to use the quotePrefix cell format in Office Open Xml (see quotePrefix in this link).
Hence, I would like to have something similar to the following feature in Kendo UI ooxml module:
- Add a property to cells (https://docs.telerik.com/kendo-ui/api/javascript/ooxml/workbook/configuration/sheets.rows.cells), similar to other styles (italic, wrap...), called quotePrefix, that takes a boolean value (default=false)
- When that property is 'true', add 'quotePrefix="1"' to the cell style in the generated OpenXML spreadsheet (inside "cellXfs / xf" elements)
I think the effort would be minimal, and it will yield far better experience for users when server tries to overcome the fomula-injection problem.
Thanks,
Jonathan Fortier
I'm resurrecting this on the suggestion of Todd Anglin. An earlier request for this feature was declined because modern browsers include spell check. However, there are many use cases where this is no use. In my particular case I need: - Spell Check to work in IE8 - Custom (and programmatically accessible) dictionaries - The ability to programmatically turn spell check on/off on a field by field basis
Excel export with image for grid
Currently Kendo only supports TrueType fonts for embedding in PDF files. OpenType support would be great since it's a more modern format overall, and there are many fonts that are only available as OpenType (for example Google's Noto fonts).