Questions Tagged angular
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 ...
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...
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...
Questions 1-30 of 128
Next