When there is a second item in a row and both are expanded the value is no longer sliced(filtered?) by the first item. My users are used to this with excel etc and really want this functionality how can I achieve it?
Value sum is correct (sliced) for all rows
where second row is expanded and not correct(sliced?).
Here is a simplified version of my code showing the unwanted behavior
<!DOCTYPE html>
<html lang="en">
<head>
<link href="../content/shared/styles/examples-offline.css" rel="stylesheet">
<link href="../../styles/default-ocean-blue.css" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.7.0.min.js"></script>
<script src="https://unpkg.com/jszip/dist/jszip.min.js"></script>
<script src="../../js/kendo.all.min.js"></script>
<script src="../content/shared/js/console.js"></script>
</head>
<body>
<div id="container">
<div id="pivotgrid"></div>
<div id="configurator"></div>
<div id="pivotbutton"></div>
</div>
<script>
var dataSource = new kendo.data.PivotDataSourceV2({
"data": [
{ "Value": 77, "ASort": 2, "BSort": "b" },
{ "Value": 28, "ASort": 1, "BSort": "a" },
{ "Value": 63, "ASort": 2, "BSort": "a" },
{ "Value": 42, "ASort": 1, "BSort": "b" }
],
rows: [
{ name: "ASort", expand: true },
{ name: "BSort", expand: true }
],
"schema": {
"model": {
"fields": {
"Value": { "type": "number" },
"ASort": { "type": "number" },
"BSort": { "type": "string" }
}
},
"cube": {
"dimensions": {
"ASort": { "caption": "ASort" },
"BSort": { "caption": "BSort" }
},
"measures": {
"Value sum": {
"field": "Value",
"format": "{0:n}",
"aggregate": "sum"
}
}
}
}
});
$(document).ready(function () {
window.pivotgrid = $("#pivotgrid").kendoPivotGridV2({
height: $(window).height() - 2,
dataSource: dataSource
}).data("kendoPivotGridV2");
$("#configurator").kendoPivotConfiguratorV2({
dataSource: pivotgrid.dataSource,
filterable: true,
sortable: true
});
$("#pivotbutton").kendoPivotConfiguratorButton({
configurator: "configurator"
});
$("#container").kendoPivotContainer({
configuratorPosition: "left"
});
});
</script>
</body>
</html>
When you touch-drag the grid, it doesn't look good if you move it diagonally. It's confusing. It looks distracting. What if you only want it to move up and down, or left and right?
Isn't there a very simple code?
Thank you.
Expected:
When a scrollable grid has loaderType = 'skeleton', and when a user clicks sort on a column, the scroll bar will not move.
Actual:
The scrollbar resets to the beginning.
Code:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Kendo UI Snippet</title>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2025.1.227/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/themes/10.2.0/default/default-ocean-blue.css">
<script src="https://unpkg.com/jszip/dist/jszip.min.js"></script>
</head>
<body>
<div id="grid"></div>
<script>
// The dataSource is initialized as a stand-alone widget that can be bound to the Grid.
var dataSource = new kendo.data.DataSource({
transport: {
read: {
// The remote endpoint from which the data is retrieved.
url: "https://demos.telerik.com/kendo-ui/service/products",
dataType: "jsonp"
}
},
pageSize: 10
});
$("#grid").kendoGrid({
// The dataSource configuration is set to an existing DataSource instance.
dataSource: dataSource,
pageable: true,
columns: [
{width: 500, field: 'ProductID' },
{width: 500, field: 'ProductName' },
{width: 500, field: 'UnitPrice' },
{width: 500, field: 'UnitsInStock' },
{width: 500, field: 'Discontinued' },
{width: 500, field: 'test' }
],
scrollable: true,
sortable: true,
loaderType: "skeleton",
});
</script>
</body>
</html>
Dojo: https://dojo.telerik.com/gmdqkCcS
Is there a fix/workaround for this?
<textarea id="editor"></textarea>
<script>
$("#editor").kendoEditor({ tools: [
"bold", "italic", "underline", "fontName", "fontSize"
]});
var editor = $("#editor").data("kendoEditor");
$(editor.body).focus(function (e) {
editor.exec("fontName", { value: "Tahoma" });
editor.exec("fontSize", { value: "10pt" });
var content = editor.value();
if (content.indexOf('<p') !== 0)
editor.value('<p>'+ content +'</p>');
console.log(editor.value());
console.log(editor.body.innerHTML);
});
</script>
Hello,
I'm trying to export a grid into a excel file with images but it's not working in 2024 version.
I had a 2022 version before and it was working, but upgrading for 2024.4.1112 it no longer works. It shows an error "The file wasn't available on site"
The example from https://dojo.telerik.com/RWscVNYF doesn't work.
Can you please help?
Thank you.