search envelope-o feed check
Home Unanswered Active Tags New Question

Questions Tagged gantt

Removing all tasks from a gantt chart without disposing of it

Answered: When you need to load a new task set in the Gantt chart, the best way is to replace the tasks with a new array: const tasks = [ /* ... */ ]; dp.update({tasks}); There is no need to clear the events ...

How to change Group task background color?

Answered: The shape of the task group is created using :before and :after pseudo-elements. In the default theme it looks like this: .gantt_default_task_group .gantt_default_event_inner { position: absolut...

How to add cssClass to Context Menu in Gantt Chart View.

Answered: The cssClass property will be added in the next release. At this moment, you can apply custom class using the "theme" property. The theme name is used as a prefix for all classes used for menu elemen...

Gantt View: scrollable context menu or a button to expand

Answered: At this moment, the vertical scrollbar is not implemented. Just adding the CSS isn't enough as the calculated height needs to be taken into account. I recommend splitting the long list into several g...

Gantt View: Is it possible to have more that one progress bars for the Gantt task

Answered: Yes, you can add a custom progress bar using active areas. This approach is outlined in this tutorial (it's for React and Scheduler but the same logic can be used in the Gantt chart component): https...

Moving and resizing tasks was not explained

Answered: You can find the documentation here: Resizing: https://doc.daypilot.org/gantt/task-resizing/ https://api.daypilot.org/daypilot-gantt-ontaskresize/ Moving (horizontal): https://doc.daypilot.org/gantt/...

How to implement row-up and row-down in gantt view.

Answered: Sorry for the confusion. You can do this by changing the order of tasks in the data source (it's stored in dp.tasks.list). Then call update() to apply the changes.

Getting error while downloading a range image

Answered: This issue should be fixed now in the latest sandbox build (2023.1.5540): https://release.daypilot.org/changes/js/ Please let me know if the problem persists.

Is there any way to export range SVG/PNG in Gantt View?

Answered: This should work fine - DayPilot.Gantt.exportAs() method uses the same syntax as DayPilot.Scheduler.exportAs(). However, the range defined using "dateFrom" and "dateTo" can only define a subset of th...

How to export Gantt chart view in png/svg/pdf in 2022.4.5483 version.

Answered: The latest release now supports export customization events in the Gantt Chart component as well (https://javascript.daypilot.org/daypilot-pro-for-javascript-2023-1-5529/). You can use onBeforeRowHea...

Does Gantt have a dispose() method?

Answered: There is a special React package that defines a <DayPilotGantt> React component which you can use in your JSX instead of creating the instance manually using a placeholder and init() method. To see h...

How to set the start of the week as monday

Answered: The Gantt Chart component uses the "locale" property to determine the first day of week: https://api.daypilot.org/daypilot-gantt-locale/ You can use one of the built-in locales or create your own. Se...

How to export Gantt view in png/svg/pdf

Answered: Please see my comments here: https://forums.daypilot.org/question/5962/how-to-export-gantt-chart-view-in-png-svg-pdf-in-2022-4-548

Any Option for Max-Width for the columns or Resizable height

Answered: In the latest sandbox build (2022.4.5479), there is now a new property (maxAutoWidth) added to the rowHeaderColumns array items that lets you specify a maximum width that will be respected during row...

Angular Gantt chart row header expand collapse not working.

Answered: 1. Unfortunately, I'm not able to reproduce the first issue. In Angular, it's important to remember that the expanded/collapsed state is stored in the data source. If you load the Gantt chart tasks u...

Automatically collapse child tasks

Answered: By default, the state of all Gantt chart groups is set to "expanded". You can keep the children collapsed by setting Expanded = false when loading tasks.

box.html in group mode

Answered: Unfortunately, it's not possible to change the task group inner HTML in ASP.NET.

Missing typing in DayPilot.GanttPropsAndEvents

Answered: Hi Hicham, This should be fixed now in the latest sandbox build (2021.4.5152). Thanks for reporting the issue!

Gannt View Sticky date header.

Answered: Please see my comments here: https://forums.daypilot.org/question/5509/how-can-i-make-sticky-date-header-of-angular-gantt-view

Problems when exporting Gantt as jpeg

Answered: You can customize the image export using the onBeforeEventExport method of the internal scheduler object: https://api.daypilot.org/daypilot-scheduler-onbeforeeventexport/ For cells, use the onBeforeC...

i want to chart add in codeigniter but data not fetch from conreoller

i want to chart add in codeigniter but data not fetch from conreoller anyone can send me code for codeigniter same chart?

how to delete link

Answered: You can delete a link using the api: https://api.daypilot.org/daypilot-gantt-links-remove/ Users can delete a link using a context menu: https://doc.daypilot.org/gantt/link-deleting/

Event on tals collapse/expand?

Hello, How do I fire an function when an user collapses or expands a row of the Gantt? I am using the angular version.

How to hide two additional columns in gantt Chart

Answered: This can't be done using the built-in icon but you can implement your own logic and change the columns array (https://api.daypilot.org/daypilot-gantt-columns/) as needed. After calling update() the c...

Angular Gantt Chart Cannot filter

Hi, The scheduler have rows.filter this function. https://doc.daypilot.org/scheduler/row-filtering/ However on gantt didnt have rows filter function https://doc.daypilot.org/gantt/rows/ How to do fil...

Angular Gantt Chart different Tasks in same one row

Answered: Only the Scheduler component can display multiple events/task in the same row. But it supports event links as well: https://javascript.daypilot.org/demo/scheduler/eventlinks.html

DayPilot Gantt - Export Client-Side

Answered: Hi Andrea, Gantt client-side export is in the works - it will be available in the near future.

Hide complete percentage label

Answered: You can customize the task text/HTML using onBeforeTaskRender: config: any = { onBeforeTaskRender: args => { args.data.box.html = args.data.text; // displays task text instead of percenta...

Add new column

Can we add new column with description

Gannt Period Limit

Answered: You can control the visible data range using StartDate and Days properties. You can use Days property to increase the number of visible days.
Questions 1-30 of 53 Next