
Hi,
I just started looking on how to implement timeline widget in our app.
I would like to show multiple lifetime events in timeline but with different styling on the line, for example:
orange circle: achievement type 1
red circle: achievement type 2
blue circle: got child
blue circle: got second child
I went through documentation but I don't see much options that might help with this.
Are there any suggestions how to achieve this?
Thanks and regards
Hello,
First of all, my environment is Angular10, gantt uses Kendo widgets (kendo.custom.min.js), version is 2020.3.1118
I customized a button (Add Child) on the screen. After I added a subtask,then immediately move the newly added task to the inside of another task (+ this type of movement), and then an error (e.taks = undefined), e.task cannot get the value, only in this case an error message will appear, and other moving methods will not appear.
In addition, if I add a task, F5 refreshes the page and moves the task, the above problem will not occur.
The general reason I investigated is because the id of the newly added task is assigned a value of 999. If it is not assigned, there will be no error.
This is the method of my Add Child button:
addChildTask(): void { // select row const currentRow = this.selectedVal; if (currentRow) { const gantt = kendo.jQuery(this.ganttEl.nativeElement).data("kendoGantt"); let datas = gantt.dataSource._data; const childDatas = datas.filter(function (item) { return item.parentId === currentRow.id; }); let sortOrderId: number = 0; if (childDatas.length > 0) { sortOrderId = Math.max.apply(Math, childDatas.map(item => { return item.orderId })) + 1; } let addItem: any = { // id: 999, orderId: sortOrderId, title: 'New Task', parentId: currentRow.id, start: new Date(currentRow.start), end: new Date(currentRow.end), percentComplete: 0, summary: false, expanded: true }; // kendoui gantt use gantt.dataSource.add(addItem); gantt.dataSource.sync(); setTimeout(() => { const newTask = datas.filter(function (item) { return item.id === 0; }); if (newTask.length > 0) { // ID newTask[0].id = 999; } gantt.refresh(); }) } }
Hi,
We had been using kendo spreadsheet with heavy load of data around 200+ columns and 500+ rows on one sheet. Each cell width and height is around 10 - 15px respectively which we want user to overview their data. Hence, displaying and rendering a lot of cells of data which will cause overloading of memory and performance. The problem is we also keep fetching and rendering the data from server after some modification. This causing the website will drop framerate and causing the website "not responding" for few seconds.
Is there any solution to render the spreadsheet "smoother"? And we are thinking of solution to render the spreadsheet at the background but not sure how. OR is there other solution or component to load this heavy load of data? Any solution is welcome.
Thanks,
Fungus.

Hi,
in my website I need the bootstrap.min.css, v3.3.6.
Now I want use the Filter Multi Checkboxes, but the formatting between checkboxes and text is not correct with:
<link rel="stylesheet" href="https://ajax.aspnetcdn.com/ajax/bootstrap/3.3.6/css/bootstrap.min.css"/>
see dojo: https://dojo.telerik.com/eVaqEkOV and click on a filter symbol.
Is there a solution to add bootstrap.css v3 and get correct formattion of the text of the Filter Multi Checkboxes?
Best regards,
Peter
How can i use DataSource in RadioGroup instead of static data items ?
In below code instead of hard coded items i want to use the Datasource so that the Radio optoion get rendered based on data returned by API.
{
field: "RadioGroup",
editor: "RadioGroup",
label: "Select User:",
validation: { required: true },
editorOptions: {
items: [{"label":"Admin","value":"1"}, {"label":"Admin 2","value":"2"},{"label":"Admin 3","value":"3"}],
layout: "horizontal",
labelPosition: "after"
}
}


Hi according to this doco, the grid should be copyable (as per allowCopy field) when "set to true and selection of the Grid is enabled"
http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#configuration-allowCopy
But in your own Dojo, meant to illustrate the feature, it doesn't work (try copying a cell and check your clipboard):
http://dojo.telerik.com/acedo
I can get it to work, however, if I set the selectable property to just 'row', but 'multiple,row' stops it working.
I think there's a bunch of combination that don't work and some that do.
Do you acknowledge this as a bug, or does the documentation need to be clearer.
I have a TreeList that I am able to load with specified branches opened and rows selected using local data. However, if I access the same data from a remote source, the TreeList populates correctly but none of the specified branches and rows perform as they should. I have illustrated this problem at https://dojo.telerik.com/@rswetnam/AtILeDOT.
I believe it may have to do with the fact that the remote data is generating a list while the local data is generating an array - but am unable to figure out how to resolve this. Any help would be greatly appreciated.
nb - this thread follows up on thread https://www.telerik.com/forums/open-specific-treelist-node-upon-page-load---one-level-deep-only which was successfully resolved.
I would like to be have a particular TreeList node open upon page load when the id of the row/node that I want opened was passed in as a parameter and want only first child row opened. I have cloned Expand Selected Nodes Example" in the documentation and started this process at https://dojo.telerik.com/@rswetnam/igOwIcUk/8.
Any help in figuring out how to complete this so that I am able to pass in the parameter (in this case 2 for condiments) instead of clicking on the node I want to expand would be greatly appreciated.