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

Questions Tagged angular

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

New UI of Daypilot

Answered: Thanks for the feedback!

How to load row axis based on selected items from dropdown by the user

Answered: You need to make sure that the URL used in dp.rows.load() call returns the data correctly. I recommend using browser developer tools (Ctrl-Shift-I or Option-Command-I), the Network tab, to inspect th...

load data based on dropdown list

Answered: Please see my answer here: https://forums.daypilot.org/question/5494/how-to-refresh-gannt-chart-based-on-dropdown-values

How to change color of duration bar based on values in database

Answered: The backend_events.php script should look like this: <?php require_once '_db.php'; $stmt = $db->prepare("SELECT * FROM leave_event WHERE NOT ((leave_end <= :start) OR (leave_start >= :end))"); ...

Daypilot angular bundle size

Answered: Unfortunately, the package size can't be reduced. We recommend the following to improve the loading time: make sure the bundle is served compressed (in your screenshot, you can see that the gzipped s...

How to update event text value after click on a button.

Answered: You need to get the DayPilot.Event instance first using events.find(). Then you can update the event using events.update(). const dp = this.scheduler.control; const e = dp.events.find("1"); e.dat...

Events Multiple rows copy and Multiple row paste

Answered: Please take a look at the following tutorial: https://code.daypilot.org/72047/javascript-scheduler-copy-multiple-events

ng build fails if AOT is enabled (Angular 11)

Answered: It looks like this might be buggy behavior on the Angular side (or my lack of understanding of ngcc). The ngcc compiled code is significantly different when automatically run by `ng build` vs when ru...

Giving a custom color to a Calendar message in Angular

Answered: This was not implemented in the Calendar component but it's now available in the latest sandbox build (2021.1.4923): this.calendar.control.message('Welcome', {delay: 5000, cssClass: 'welcome-msg'})...

Bug with scrolling resources on mobile devices

Answered: This has been intentionally disabled in 2019.4.4089 (https://javascript.daypilot.org/daypilot-pro-for-javascript-2019-4-4089/). iOS 13+ introduced some changes in onscroll handling which broke the sy...

Row selection in latest versions.

Answered: The onAfterRender event handler is not a good place to do this. It's only fired if the whole Scheduler is updated. If you want to customize the grid cell elements you should use onAfterCellRender ins...

DayPilot Pro for angular

Answered: Yes, the latest release (2020.4.4807) works with any Angular version (since Angular 2).

DayPilot Pro for angular

Answered: You'll need to upgrade your DayPilot Pro version.

How to show current month on button click?

Answered: It looks like you are missing "configMonth" change in your method: currentDate(date: DayPilot.Date): void { this.configDay.startDate = date; this.configWeek.startDate = date; this.configMo...

Angular Daypilot trail version

Answered: After the trial period you need to purchase a license or stop using the library.

Console.log display error unique ID

Answered: Unfortunately, I'm not able to reproduce the problem using the sample project. Please note that duplicate IDs are not allowed. Every event that you add to the Scheduler needs to have a unique ID ("id...

Angular Scheduler how to resize entire resource column

Answered: This property is now added in the latest sandbox build (2020.4.4740).

Scheduler scroll event

Answered: You may want to take a look at the "frozen rows" feature that may help with some scenarios: https://doc.daypilot.org/scheduler/frozen-rows/ If that doesn't work, you can use the addEventListener sync...

Drag and Drop issue on second time

I have dragged/drop an event first time after page load and it works fine but when the event is dragged/dropped second time then it gives me an error "Cannot read property ja of null". When i refresh...

Not having startDate and days filled in in the config doesn't cause the gantt to show every task

Answered: The parent tasks can either use fixed start/end values or values calculated from the children (which is the default mode). You can switch the mode using "taskGroupMode" property: https://api.daypilot...

Calendar (WeekView) seprator is hiding behind Event

Answered: In the Calendar component, the current time indicator position is fixed at this moment and it is always displayed below events. The indicator element is marked with ".calendar_default_now" CSS class ...

For Database

Answered: There is no specific PostgreSQL tutorial available but you can check the Angular + MySQL tutorials: https://code.daypilot.org/tutorials/mysql+angular In order to switch the tutorials to MySQL you'd n...

Display public holidays from date given

Answered: It's necessary to specify the holidays using full date, i.e. you need to specify it for all years that are applicable.

implement DayPilot.Scheduler.treeAnimation for Daypilot.Gantt

Answered: It's now available in the latest sandbox build (2020.1.4318): https://release.daypilot.org/changes/js/
Questions 1-30 of 102 Next