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

Questions Tagged angular

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): https://release.daypilot.org/changes/jslite/ 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: https://doc.daypilot.org/scheduler/co...

Multiple event show +1

Answered: > If we have multiple event can we show +2 or +3 etc Please see my answer here: https://forums.daypilot.org/question/5848/multiple-event > 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: https://api.daypilot.org/daypilot-scheduler-even...

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: https://javascript.daypilot.org/buy/

How to select a date range dynamically and highlight it?

Answered: To set the initial date selection, please use the select() method in ngAfterViewInit(): https://api.daypilot.org/daypilot-navigator-select/ 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: https://api.daypilot.org/daypilot-ca...

Eventos

Answered: Please take a look at this tutorial - it shows how to load calendar events from a database: https://code.daypilot.org/50175/angular-appointment-calendar-component-typescript

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): https://javascript.daypilot.org/daypilot-pro-for-javascript-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): https://release.daypilot.org/changes/js/

when change

Answered: I recommend following the Angular Scheduler Zoom tutorial which includes a working Angular project where everything works fine: https://code.daypilot.org/12302/angular-scheduler-zoom 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: https://api.daypilot.org/daypilot-row-properties...

Clean solution to import custom scheduler theme with prefix CSS in Angular project

Answered: Two steps are required: 1. Include the theme in the global CSS (styles.css): @import url('themes/your_theme.css'); 2. Activate it using the "theme" config property: config: DayPilot.SchedulerCo...

DayPilot for angular mobile touch device.

Answered: Please see the following tutorial: https://code.daypilot.org/79036/angular-calendar-detect-orientation-change-landscape-portrait

I'm facing issue while updating my daypilot version 2018 to 2021.

Answered: You can remove both properties. The "cssOnly" property is no longer used (the css-only mode is always active). The "cssClassPrefix" property has been replaced with "theme" - and "bubble_default" is t...

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

How can I make sticky date header of Angular Gantt view?

Answered: The horizontal (date/time) header is sticky by default. You just need to set the height properly. For all options, please see the Scheduler height topic in the documentation (the Gantt chart uses the...
Questions 1-30 of 126 Next