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

Active Questions

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...

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

Cannot read properties of null (reading 'dontFocus')

Answered: It looks like you are passing "null" as the "options" argument. Try removing it or use an empty object - "{}". This problem should be fixed now in the latest sandbox build (2023.1.5527).

How to customize title when using print()?

Answered: The print() method uses the title of the current page when printing. You can temporarily override the title like this: const oldTitle = document.title; document.title = "My Scheduler"; dp.exportA...

args.loaded is not a function

Answered: In version 2023.1.5508, asynchronous processing of onEventDelete is not supported. It is now available in the latest sandbox build (2023.1.5525+). See also: https://release.daypilot.org/changes/js/

Scheduler - Rendering issue with row header height after hiding/showing events

Answered: Thanks - but after changing the event properties, you need to update the Scheduler to make the changes visible. Do you call update()? Or events.update()?

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...

MaxEvents for scheduler is possible?

Answered: This option is now available in the Scheduler (since version 2023.1.5515). You can specify a maximum number of lines for each row using the new "maxLines" property. For an example, please see the fol...

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...

Scheduler - Stacking of Overlapping Events

Answered: Do I understand it correctly that although there are three events in the screenshot you define six events? Events are rendered in the in the order determined by the default sort order. You can also d...

Scheduler - DayPilot.Scheduler: The placeholder element not found: 'dp_1673963716024126533'.

Answered: The Angular Scheduler component includes a placeholder div in its template. This placeholder is then initialized using init() call in ngAfterViewInit() - you can also see this in the stack trace. If ...

Gantt-Chart: Dotted line for current date

Answered: You can add a separator to the Gantt chart to highlight the current date/time: https://doc.daypilot.org/gantt/separators/ The separators are marked with "gantt_default_separator" CSS class - you can ...

Splitter between the rowheader grid and task grid not showing

Answered: I've tried to add your config to a new Angular Gantt chart project generated using https://builder.daypilot.org and it seems to work fine. The splitter appears as expected. If you are using a custom ...

Make editable cell in rowHeaderColumn when double click

Answered: The Scheduler supports inline editing of the row header. However, you can only edit the first row header column at the moment: https://doc.daypilot.org/scheduler/row-editing/

Gantt - How to automatically move task2 start when task1 resized or moved

Answered: Unfortunately, there is no built-in support for automatic moving of the linked events at the moment. You would have to detect which tasks need to be moved and update them in onEventMoved event handle...

NPM javascript throws error "Uncaught ReferenceError: module is not defined"

Answered: The JavaScript NPM package (daypilot-pro-javascript) defines a CommonJS module which can't be used directly in the browser. The purpose is to allow using DayPilot in a Node project. In the browser, y...

Scheduler - How to add active areas to cells

Answered: 1. You can make space for the active areas at the bottom using the "rowMarginBottom" property : https://api.daypilot.org/daypilot-scheduler-rowmarginbottom/ 2. If you use the full crosshair mode the ...

VueJS, DayPilotCalendar, resource view

Answered: In the Lite (open-source) version this is not possible at the moment but in the Pro version you can customize the calendar column headers using "onBeforeHeaderRender" event handler: https://doc.daypi...

Create custom column with DayPilot scheduler in angular 12

Answered: Please take a look at the following tutorial: https://code.daypilot.org/49959/javascript-scheduler-show-hide-columns-using-context-menu It uses a context menu to show/hide individual row header colum...

Previous And next not working when Adding more features to it..?

Answered: I recommend you to review the code and remove duplicate parts - that makes it confusing and error-prone. You define three functions that do the same thing. There are also other issues, like calling s...
Questions 1-20 of 4663 Next