Questions on KendoReact Forum

0 answers

32 views

Hey everybody,

would like to use Gantt control on a tablet. but there don't seem to be any touch events, nor can I scroll. Did I miss something?

Regards

Accessibility

Gantt

asked on 28 Sep 2023

1 answer

39 views

gantt task bar drag event

Hii

want to change end date by expandin task bar. and drag event also.

is it possible.

please let me know as soon as possible

Gantt

answered on 07 Mar 2023

1 answer

119 views

How to include holidays in Gantt Chart?

Hi, I'm trying to include holidays in my Gantt chart so the project timeline would reflects the impact of holidays on project schedule.

Below is how I've done so far. However, the timeline is still running on holidays. Please help me.

 let holidays = [
                    new Date (2023, 4, 1),
                    new Date (2023, 4, 4),
                ];
let taskData = [
                    {
                        id: 1,
                        title: "Task 1",
                        orderId: 0,
                        start: new Date("2023-04-30 08:00:00"),
                        duration: 24,
                        percentComplete: 0.45,
                        isExpanded: true,                    
},
                    {
                        id: 2,
                        title: "Task 2",
                        orderId: 2,
                        start: new Date("2023-05-02 08:00:00"),                        duration: 10,
                        percentComplete: 1,
                        isExpanded: true,
                    },
                    {
                        id: 3,
                        title: "Task 3",
                        orderId: 3,
                        start: new Date("2023-05-02 17:30:00 "),                        duration: 10,
                        percentComplete: 0.77,
                        isExpanded: true,
                    },
                ];
                let dataWithEndDate = taskData.map((task) => ({
                    ...task,
                    end: new Date (task.start.getTime() + task.duration * 60 * 60 * 1000),
                }));

render() {
       
        return (
           <div>
               <Gantt
taskData={dataWithEndDate}
                     columns={columns}
                     holidays={holidays}
                >
                </Gantt>
            </div>
       
        );
    }
 

Gantt

answered on 21 Feb 2023

1 answer

115 views

Gantt Chart Features and Line Chart Performance Issue

Dear KendoReact Team,

Our Development Team considers using KendoReact UI library in the development activities our softwares.

Our team needs a third-party library for especially DataGrid, Line Chart and Gantt Chart components and We have "must have" requirements that needs to be met on these components.

As a result of the research and integration studies our team have done on KendoReact, the following requirements and performance expectation are not met by KendoReact components:

The Gantt Chart component must allow zooming in and out the time scale with mouse or buttons. (day/week/year filter not enough)

The Gantt Chart Component must provide tooltips on the tasks.

In the Line Chart, we have some performance considerations. We integrated KendoReact to test its performance and the results as follows:

1 Chart with 1000 points : there is a delay around 4 seconds on rendering.
10 Chart with 1000 points: there is a delay around 40 seconds on rendering.

We also used performance optimization methods mentioned in the link but the issue is remaining. (https://www.telerik.com/forums/low-performance-rendering-in-line-chart)

For the render performance issue, not sure it’s related but in the integration phase, our team used npm packages in the below, not the trial version.

https://www.npmjs.com/package/@progress/kendo-react-charts

Could you please inform us about Gantt Chart features I mentioned earlier can be provided and Line Chart performance issue can be resolved?

As this matter is urgent, I would appreciate a reply as soon as possible.

Thank you.

Charts

Gantt

answered on 18 Jan 2023

1 answer

147 views

Gantt - How to rename the "Add Task" button?

I've followed the example here that adds the "Add Task" button to the Gantt, by setting the "toolbar={{ addTaskButton: true }}" property.

How do I go about renaming the text in this button from "Add Task" to "Add Action"?

Gantt

answered on 02 Nov 2022

1 answer

219 views

Popover on hovering a Cell in the Gantt React Component

Hello, I'm currently working with the Gantt React Component and have come to a point where I can't find a solution for my problem. My goal would be that a popover appears on hover over one of the yellow marked elements, wich contains two links to other websites. I would have to pass a key or an id to the link, which I get from the element the mouse is hovering over, based on which a specific article appears on the page called up. Unfortunately I couldn't find anything comparable in the documentation.

I tried it myself with a custom cell, but unfortunately it didn't work for me in a similar way to the data grid custom cell. I don't know exactly how to access it and customize it to my liking.