Telerik Forums
Kendo UI for jQuery Forum
1 answer
179 views

Some clinical studies can take up to 5 years or more, and I want to be able to show an entire study and its sub-tasks in a Kendo Gantt chart. I want to show periods of time longer than the current maximum of 1 year that is built into Kendo UI for jQuery v2018.3.1017, is that possible?

 

I'd like to be able to show a maximum of 6 years. Ideally the header would change to be able to see Quarter/Year rather than Month.

 

I posted a message on StackOverflow too and received a response from Alexsander. However he pointed me to a web page that we already tried.  https://stackoverflow.com/questions/71561541/display-more-than-1-year-in-kendo-ui-for-jquery/71568711#71568711 

 

Does anyone have any more info on how we can see 3 or 6 years at a time?

Thanks

Neli
Telerik team
 answered on 28 Mar 2022
1 answer
58 views

Hello, i have a gantt which i am working on. This data is organised with multiple levels, sometimes up to 7. We have discovered that when filtering, this works for items up until the second level, but on items underneath the second level, the filtering doesn't seem to be picking up any thing. For instance if we have the following structure (sorry for the simplicity)

Test 1

- Test 2

-- Test 3

---- Test 4

If we try and filter on "Test 1" or "Test 2" then the results will display those rows, but if we try "Test 3" it doesn't return anything. Is there a limit on filtering on a hierarchy in this way?

Neli
Telerik team
 answered on 15 Mar 2022
7 answers
277 views

Hi,

I have an issue related to Gantt Chart column text on language change. I want to see the text in the columns (see attached screenshot) in Spain for example. Is there any way to change column's text dynamically or in another language other than English?

Thanks

Martin
Telerik team
 answered on 28 Feb 2022
1 answer
50 views

Hi,

Can I customize remove dependency popup's message? Or it is a static message?

Thanks

Hetali
Telerik team
 answered on 04 Feb 2022
1 answer
149 views

Hi, i want to remove the delete functionality for tasks within the gantt based on several aspects, one of which would be a field in the record set, another would be based on a user permission level.

I have the delete being cancelled but i'd like to stop the delete key from working and removal of the delete icon.

 

Any help would be appreciated.


Edit: we are using gantt within an MVC application

Neli
Telerik team
 answered on 13 Jan 2022
2 answers
119 views

Hello,
I used the following approach for binding Kendo Gantt data source to local java-script array.

var dataSourceArray = [{...}, {...}, ...];
var fieldsObject = {id: { from: "id", type: "string", defaultValue: function () { return kendo.guid(); } }, parentId: { from: "parentId", type: "string", defaultValue: null }, start: { from: "start", type: "date" }, end: { from: "end", type: "date" }, title: { from: "title", type: "string" }, percentComplete: { from: "percentComplete", type: "number" }};
//we have pre-filled java-script array and fieldsObject
//define Kendo Gantt data source

var _dataSource = new kendo.data.GanttDataSource({

            schema: {
                model: {
                    id: "id",
                    fields: fieldsObject
                }
            },
            transport: {
                read: function (e) {
                    e.success(dataSourceArray );
                },
                create: function (e) {
                    if (e.data.models && e.data.models.length > 0) {
//...

                        }
                    }
                    else {
                        //...
                    }
                },
                update: function (e) {
                    if (e.data.models && e.data.models.length > 0) {
//...

                        }
                    }
                    else {
                        //...
                    }
                },
                destroy: function (e) {
                    if (e.data.models && e.data.models.length > 0) {
//...                       
                    }

                    }
                    else {
                       //...
                }
            },
            change: function (e) {
                if (e.action == "add" || e.action == "remove") {
                   //...
                }
                if ((e.action == "itemchange" || e.action == "remove") && (e.field == "percentComplete" || e.field == "start" || e.field == "end")) {
                   
                    }
                }
            }
        });

//Then Kendo Gantt is created

_kendoGantt = $("#gantt").kendoGantt({
                toolbar: [
{ template: kendo.template($("#headerTemplate").html()) }
                ],
                pdf: { fileName: $scope.selectedGantt },
                dataSource: _dataSource,
                dependencies: _dependencies, //also defined above in the code
                columns: _leftCols, //also defined above in the code
                views: [{ type: "day", selected: _ganttSettings.Timescale == "day" ? true : false }, { type: "week", selected: _ganttSettings.Timescale == "week" ? true : false },
{ type: "month", selected: _ganttSettings.Timescale == "month" ? true : false }, { type: "year", selected: _ganttSettings.Timescale == "year" ? true : false }],
                listWidth: _listWidth,
                showWorkDays: !_showWeekends,
                dataBound: _onTaskDataBound,
                moveStart: _onTaskMoveStart,
                resizeStart: _onTaskMoveStart,
                save: _onTaskSave,
                remove: _onTaskRemove,
                navigate: _onTaskNavigate,
                add: _onTaskDependencyAdd,
                change: _onTaskChange,
                edit: _onTaskEdit,
                height: _gHeight
            });

function _onTaskEdit(e) {
if(e.task.id){
//....
}
};

This code worked perfectly in version of Kendo UI v2016.3.1118, but it does not work in version v2021.2.616.

Using this code in version v2021.2.616 does not display any tasks in Kendo Gantt.

If I bind data source to local java-script array directly in Kendo Gantt constructor (dataSource: dataSourceArray), it displays tasks, but task does not have valid "id" (it is null) in event _onTaskEdit (when I double click task for editing). In this case id field must have string value according to: id: { from: "id", type: "string", defaultValue: function () { return kendo.guid(); } }

Your examples in documentation do not show how to provide custom data source schema while binding to local java-script array.

How do I provide custom data source schema while binding to local java-script array and make code above working for version v2021.2.616?

 

 

Veselin Tsvetanov
Telerik team
 answered on 30 Dec 2021
3 answers
154 views

Hi,

In Gantt Chart Day mode, when I scroll timeline part in Day mode, I can't see the Date, hours are only visible (as you can see in attached screenshot).  Can I fix this issue any way?? Fix date after scrolling or something else?? 

 

Thanks in advance.

Neli
Telerik team
 answered on 22 Nov 2021
1 answer
108 views

Hi,

Can I set different shapes for different task types? E.g.  hexagon or circle.

Martin
Telerik team
 answered on 19 Oct 2021
2 answers
88 views

Hi,

Can I export to Pdf an Icon which exists on my column in gantt chart?

Thanks.

Mariam
Top achievements
Rank 1
Iron
Iron
Veteran
 answered on 13 Oct 2021
3 answers
97 views

Hi,

I recently noticed quite a few server requests being returned as conflicting when items in the gantt timeline are reordered.

A console output in the parameterMap function shows, that for every item affected by reordering 2 update requests are prepared and sent to the server.

The parameterMap function offers no way of cancelling a request from being executed since this only exists to transform data.

This is not specific to our implementation and can be reproduced in a dojo with the current Kendo version (2021.2.616): https://dojo.telerik.com/AGodEBIb

Is there a specific reason behind this? 
Not only seems doubling the number of requests inefficent to me. Sending a second update request before the first one has even been resolved by the server, might lead to issues for other users as well.

In the meantime thanks in advance for any tips how I can prevent the second update from being sent to the server.

Neli
Telerik team
 answered on 11 Oct 2021
Narrow your results
Selected tags
Tags
+? more
Top users last month
Mark
Top achievements
Rank 1
Yurii
Top achievements
Rank 1
Leland
Top achievements
Rank 2
Iron
Iron
Iron
Hon
Top achievements
Rank 1
Iron
Deltaohm
Top achievements
Rank 3
Bronze
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Mark
Top achievements
Rank 1
Yurii
Top achievements
Rank 1
Leland
Top achievements
Rank 2
Iron
Iron
Iron
Hon
Top achievements
Rank 1
Iron
Deltaohm
Top achievements
Rank 3
Bronze
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?