
Hello,
I need a little help regarding pushUpdate function on my gantt widget. When my gantt has significant number of items in dataSource (cca 700) pushUpdate takes approx. 15 seconds to update.
I can't use option to transform dataSource.data to array, insert/replace records, and then set it back, because I have multiple users working on same project, and I receive update notifications via webSocket, so frequency and number of updates can vary. Basically I don't have the time pocket where I can be sure that someone changes won't be overwritten, and specially because my gantt is being changed "from behind" because someone else changed project I am working on.
I am currently on Kendo UI version 2019. R3 (and have no chance to update it in next 2-3 months).
Thanks
<div id="chart"></div><script>$("#chart").kendoChart({ categoryAxis: [{ justified: true, categories: ["2012", "2013"] }], series: [ { type: "line", data: [1, 2, 3] }, { type: "bar", data: [1, 2, 3] } ]});</script>
What I'm trying to do here is I want to justify both line and bar chart so that there is no space in the beginning and also at the end. But I cannot use justify since categoryAxis.justified is only works with line chart. Is there any other option I can use to that both line and bar chart can justify.
Hi, is there a way to remove the Update button from viewHtml? We want the user to be able to edit as they please until they select view as html. We only want them to view html as read only for information purposes. Thanks.
https://dojo.telerik.com/USEwEgis
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Kendo UI Snippet</title>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2020.3.915/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.915/js/kendo.all.min.js"></script>
</head>
<body>
<textarea id="editor"></textarea>
<script>
$("#editor").kendoEditor({
tools: [
"bold", "italic", "underline",
{
name: "viewHtml",
tooltip: "View Html",
}
]
});
</script>
</body>
</html>
I have tried to left-align the overflow anchor of the ToolBar, which I achieved using css, specifically by setting ".k-overflow-anchor { right: auto; }".
That works fine, but the problem is that the popup is still aligned to the right side of the overflow anchor button, see attached image.

Hi, is it possible to move the column name under the group header?
var data = [
{ name: 'test1', age: 30 },
{ name: 'test2', age: 30 },
{ name: 'test3', age: 32 },
{ name: 'test4', age: 33 },
{ name: 'test5', age: 33 },
{ name: 'test6', age: 34 },
{ name: 'test7', age: 35 },
{ name: 'test8', age: 30 },
];
$("#grid").kendoGrid({
dataBound: function (e) {
e.sender.table.find(".k-grouping-row:contains('Stock')").each(function (ind, item) {
e.sender.collapseGroup($(item));
})
},
dataSource: {
data: data,
group: [
{
field: 'name', aggregates: [{
field: "name",
aggregate: "count"
}]
}
]
},
height: 550,
sortable: true,
pageable: {
refresh: true,
pageSizes: true,
buttonCount: 5
},
columns: [{ field: 'name', groupHeaderTemplate: "#=value#" },
{
field: "age",
title: "age",
width: 240
}]
});
i want to move the column header below the group header.

Chart section scroll on mobile device is not working
Eg,
<div>
<div>Header</div>
<div>Content</div>
<div>Chart</div>
<div>Content</div>
<div>Footer</div>
<div/>
So the top header and content scroll on mobile but when chart div or section came then scroll is not working i can't scroll down also the left and right gutter space i can scroll down but not line chart div.
