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

Questions Tagged angular

How to edit Queue items

Answered: To edit the queue items, you can add another item (“Edit”) to the context menu: It will open a modal dialog with task details: This context menu can be defined like this: queueConfig: DayPilot.QueueC...

scroll 2 daypilot component in a single scroll event

Answered: You can synchronize two Schedulers using a native scroll event as demonstrated in this demo: // scrollbar synchronization ...

Cannot install daypilot-pro-angular

Answered: The correct command is as follows: yarn add You can also get the current version link at

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 and it seems to work fine. The splitter appears as expected. If you are using a custom ...

Create custom column with DayPilot scheduler in angular 12

Answered: Please take a look at the following tutorial: It uses a context menu to show/hide individual row header colum...

Scheduler: consecutive events appear as overlapping with high zoom level

Answered: In some cases this can happen. It's a result of the following logic: 1. The Scheduler enforces a minimum event with of 1px. 2. The overlaps are resolved on pixel level. These rules are necessary to e...

Use keyboard with daypilot angular

Answered: The Scheduler attaches "keyup" and "keydown" event handlers to the document element if you enable keyboard support using "keyboardEnabled: true". It uses the document object as the event target (you ...

Angular DayPilot Lite Library - DayPilot.Calendar class missing property "headerDateFormat"

Answered: This should be fixed now in the latest sandbox build (2022.4.434): The next official release will be available next week. Thanks for reporting the issue!

multiple event

Answered: This is not supported in the Calendar component at the moment but you can take a look at the Scheduler component which can group concurrent events automatically:

Multiple event show +1

Answered: > If we have multiple event can we show +2 or +3 etc Please see my answer here: > in weekly can we change date format You can change the calen...

Version no of Angular 13 DayPilot proversion?

Answered: Thanks, it's worked with latest DayPilot version.

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

How can show Scheduler event text without wrapping ?

Answered: To disable text wrapping, the eventTextWrappingEnabled value must be set to false. It adds "whitespace: no-wrap" style to the event element. See also:

How to hide non working hours for each users?

Answered: This is not possible. You can't hide just one cell of a column. You can either hide a full column (if the non-business hours are the same) or use a special background color for non-business hours tha...

Cannot read properties of null (reading 'offsetHeight')

Answered: It looks like one of the event handlers survived the component destroy phase and it is trying to access DOM elements that were already removed. That should be fixed already - could you please give it...

Where do the args of the onBeforeTimeHeaderRender method come from?

Hi everyone, I'm working on a project that loads events dynamically, also using the onScroll method. In addition to this there is a zoom that allows, depending on the selected level, to view the peri...

php hotel room booking

Answered: You can find the licensing options at the Buy page:

How to select a date range dynamically and highlight it?

Answered: To set the initial date selection, please use the select() method in ngAfterViewInit(): When you add the selectionStart, selectionEnd properties to...

Is it possible to use the onRowCreate method in each resources group with childrens to add new rows dynamically?

Answered: At this moment, it's only possible to use the "new row" feature to add rows to the top level. In order to add children, you can use a context menu as demonstrated in this tutorial: https://code.daypi...

How can I make scheduler scrollable in mobile?

Answered: I made a few changes and Now it's working fine.

How can I display shorten name of the Week?

Answered: The timeHeaders property is only applicable to the Scheduler component. In the Calendar component, you can change the date format using headerDateFormat property:


Answered: Please take a look at this tutorial - it shows how to load calendar events from a database:

How to format timeheader "Week"

Answered: Yes, you can do it using onBeforeTimeHeaderRender event handler: import {Component, ViewChild, AfterViewInit} from '@angular/core'; import {DayPilot, DayPilotSchedulerComponent} from 'daypilot-pro...

Error: Event data item must specify 'start' property

Answered: This error suggests that the event data object doesn't have the correct structure. I recommend checking the object - it may look fine at first sight but make sure that it's a real object - and not a ...

Scheduler TypeError when right-clicking on a link between events

Answered: This issue should be fixed now in the latest release (2021.4.5165): Please let me know if there is any problem.

Angular - Add buttons with click event inside cornerHtml

Answered: Unfortunately, it's not possible to use Angular templates in the cornerHtml property. However, it is possible to create a custom Angular component and add it to the upper-left corner - please see the...

Row in DayPilot.GanttBeforeRowHeaderRenderArgs is missing html property

Answered: This should be fixed now in the latest sandbox build (2021.4.5161):

when change

Answered: I recommend following the Angular Scheduler Zoom tutorial which includes a working Angular project where everything works fine: In particular, y...

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!

How to add search on child row?

Answered: The args.row property holds a DayPilot.Row object and you can access the original resource data object (from resources[] array) using "data" property:
Questions 1-30 of 131 Next