Questions Tagged angular2

Answered: The modal dialog tutorial was created some time ago - the DayPilot.Angular namespace has been deprecated meanwhile. An updated version of the tutorial is now available (it uses Angular 6 and DayPilot...

Answered: Please see my answer here: https://forums.daypilot.org/Topic.aspx/4185/change-the-position-of-createevent

Answered: You can define the event handlers directly on the DayPilot.Scheduler object (which is available as DayPilotComponent.control). Just note that DayPilotComponent.control is not available before AfterVi...

Answered: This is a line that is highlights places where the timeline is interrupted (a cell doesn't start at the same time where the previous cell ends). You can override the CSS manually like this (for the d...

Answered: Right, Thanks for the help!

Answered: The event colors should be already fixed in the latest sandbox version (since build 2936): https://javascript.daypilot.org/sandbox/ The TypeScript definitions [missing exportAs()] will be updated sho...

Answered: <daypilot navigator [config]="navigatorConfig" [events]="events" [(date)]="calendarConfig.startDate"></daypilot-navigator> here [events]="events" is list of events which is used in calendar so same c...

Answered: These errors are fixed now in build 2914. Thanks for reporting the problem!

Answered: DayPilot.Scheduler.makeDraggable() is now included in the TypeScript definitions (since https://javascript.daypilot.org/daypilot-pro-for-javascript-8-3-sp12/ ).

Answered: Yes. In that case the row height will be increased automatically so that all events fit in. You can disable event overlapping for drag and drop operations: https://doc.daypilot.org/scheduler/event-ov...

Answered: With Angular CLI (which uses Webpack) the Angular 2 project needs to be run using "ng serve" (available as "npm run start"/"npm start") during development. That's why the tutorial uses two independen...

Answered: Got this to work with following code change:- let shiftToDelete = dp.events.find(this.selectedEventId); dp.events.remove(shiftToDelete); dp.clearSelection(); But is it necessary to call clear selecti...

Answered: Hi Devendra, Have you seen this thread? http://forums.daypilot.org/Topic.aspx/3626/angular2-scheduler-performance-issue-after-upgrade The latest Angular 2 version (2.3+) degrades Scheduler performanc...

Answered: Please see my reply here: https://forums.daypilot.org/Topic.aspx/3641/dp-scrollto-is-giving-performance-issue-on-ie-browser It points to a longer discussion: http://forums.daypilot.org/Topic.aspx/362...

Answered: The resource tree is disabled by default (it adds node icons to the rows which is not desired if it's a flat structure). You can enable by adding "treeEnabled: true": config: any = { scale: 'Hour', c...

Answered: If you use groupBy: "Cell" in the row header definition it will display time header cells with size corresponding to the grid cells. Example: config: any = { scale: "CellDuration", // scale determine...

Answered: The scrollTo() method also accepts DayPilot.Date object/ISO 8601 date string so you can use it to scroll to a specific point in time. The Angular 2 version also supports scrollTo as a property of the...

Answered: By default, timeRangeRightClickHandling is set to "ContextMenu". That means grid right click activates the context menu - but it must be set using contextMenuSelection property. If you use timeRangeR...

Answered: 1. You can override the default vertical line style to dotted using CSS. This works for the default theme ("scheduler_default"): .scheduler_default_matrix_vertical_line { background-color: inherit; b...

Answered: Unfortunately I can't see the attachment. However, you may need to install Angular CLI globally first: npm install -g angular-cli The tutorial is built using Angular CLI version 1.0.0-beta.19-3. See ...

Answered: Update: "dp" is the DayPilot.Scheduler object. This is a complete Scheduler component example: import {Component, ViewChild} from '@angular/core'; import {DayPilot} from "daypilot-pro-angular"; @Comp...

Answered: The following tutorial (for AngularJS 1.x) shows how to display total time occupied by events in each row: https://code.daypilot.org/54503/angularjs-timesheet-tutorial-javascript-php You can use the ...