I need something like this, but for web:
https://docs.telerik.com/devtools/winforms/controls/gridview/expression-editor/expression-editor
If not, are there plans to add it?
Thanks.
Download 2022.1.301 commercial. The file is 10 MB or so. Same for versions 2022.1.412, 2022.2.510, 2022.2.621, 2022.2.802, and 2022.3.913.
When we get to the 2022.3.1109 commercial download it is no longer included. A 1kb file is there with build statements like importing other files. I need the real file.
Hi,
I had to add the grid to part of my gantt page in the app and as soon as I added the grid, gantt drag and drop of columns started to fail.
On column drop lib fails with the following error:
Uncaught TypeError: Cannot read properties of undefined (reading 'lockable')
at init._allowDragOverContainers (kendo.all.js:311085:87)
at init._dropTargetAllowed (kendo.all.js:311085:87)
at init.drop (kendo.all.js:311085:87)
at init.trigger (kendo.all.js:311085:87)
at init._trigger (kendo.all.js:311085:87)
at init._drop (kendo.all.js:311085:87)
at kendo.all.js:311085:87
at init._withDropTarget (kendo.all.js:311085:87)
at init._end (kendo.all.js:311085:87)
at init.trigger (kendo.all.js:311085:87)
Problem is reproducible in the following Dojo
To reproduce issue, just try to change the order of the columns in the gantt widget.
Result: Widget breaks on drop and any drag or drop is not possible. Browser console shows error described above.
Expected result: Columns reordered
Tested with Chrome and Firefox.
If there is anything else I can do to help, please let me know.
Hi,
I have been testing what's the best way to create custom theme swatches, so that they're easy to maintain between Kendo upgrades.
Is it possible somehow to use theme variables inside the json file (of the swatch)?
Here is an example, where I try to use "$component-border" to set border color for tabs:
When running "npm run sass:swatches", it gives me error message: "Error: Undefined variable: "$component-border"."
It works if I hard code the color like this:
"name": "Tabstrip",
"variables": {
"tabstrip-item-border": {
"name": "Tabstrip item border color",
"type": "color",
"value": "#fc0303"
}
}
I am trying to populate the kendo panel control using the below json
var jsondata = { "Heading 1":
[{ "ID": 1, "Name": "TEST 1" }, { "ID": 2, "Name": "TEST 2" },
{ "ID": 3, "Name": "TEST 3" }, { "ID": 4, "Name": "TEST 4" },
{ "ID": 5, "Name": "TEST 5" }, { "ID": 6, "Name": "TEST 6" },
],
"Heading 2":
[{ "ID": 1, "Name": "TEST 1" }, { "ID": 2, "Name": "TEST 2" },
{ "ID": 3, "Name": "TEST 3" }],
"Heading 3": [{ "ID": 1, "Name": "TEST 1" },
{ "ID": 2, "Name": "TEST 2" },
{ "ID": 3, "Name": "TEST 3" }] };
Heading 1, Heading 2, Heading 3 will be the heading of the panels and the "Name" will be the subitems
JS FILE :
$(document).ready(() => {
$("#pageLoader").hide();
$("#panelbar").kendoPanelBar();
var panelBar = $("#panelbar").data("kendoPanelBar");
$.each(Object.keys(jsondata), function (i, row) {
// trying to get all the names into an array
let array = new Array(Object.values(jsondata)[i].length);
$.each(Object.values(jsondata)[i], function (j, datarow) {
array[j] = Object.values(jsondata)[i][j].Name;
});
panelBar.append([
{
text: row,
items: ???
}
]);
});
});
Below are the things I have tried :
items : array (subitems are populated but they are shown as "undefined")
items : [{text : array }] (all the subitems are displayed as one item with comma separated values)
How are we supposed to give:
items : [{
text : "TEXT 1"
},
{
text : "TEXT 2"
}
]
I want to do the above thing but not hard code. In a loop or something.
Hello Team,
Could you let us know how to reduce the size of "kendo.all.min.js" (4.09 MB), kendo.bootstrap-v4.min.css (839 KB) and kendo.common.min.css (385 KB).
Thank you.
https://store.falafel.com/collections/training-guides/products/kendo-ui-nuts-and-bolts
I'm considering on purchasing this to help me get up to speed with kendo ui.