Questions Tagged angular

Answered: When you need to deploy multiple instances (e.g. for scalability reasons) you'll need to upgrade to a multi-server license (i.e. SaaS Team or SaaS Office).

Answered: Please see the following tutorial for a working example (Scheduler with heightSpec set to "Parent100Pct"): https://code.daypilot.org/75104/angular-scheduler-full-screen-layout

Answered: Please see the following sample project that shows how to implement a calendar with day/week/month views: https://code.daypilot.org/30451/angular-calendar-day-week-month-views

Answered: By default, the timesheet uses the short date format specified using the current locale for the day headers. You can customize the text using onBeforeRowHeader render event handler: config: any = { o...

Answered: Try using the TypeScript syntax: constructor(private router: Router) { } config: any = { onEventClicked: args => { this.router.navigate(.....); } } When using the JavaScript syntax "this" points to D...

Answered: Hi Martin, If this only affects short events, I'd recommend reviewing the useEventBoxes property: https://doc.daypilot.org/scheduler/exact-event-duration/ https://api.daypilot.org/daypilot-scheduler-...

Answered: Thanks for reporting the issue. The forRange() method is now added to the TypeScript definitions in the latest sandbox build (2018.3.3385).

Answered: Hi Dan Thank you so much for your help. I upgraded to the latest stable version 2018.3.3353 and now it works without any issue... PS: I noticed that I can't install the sandbox version as pro version...

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: There are two ways to fix that: 1. Apply additional padding to the inner event div ("scheduler_default_event_inner" CSS class in the Scheduler) to prevent overlapping with the active area. 2. Set the...

Answered: You can customize the task text/HTML using onBeforeTaskRender: config: any = { onBeforeTaskRender: args => { args.data.box.html = args.data.text; // displays task text instead of percentage in the bo...

Answered: The Scheduler requires the key data (such as event start, end, id) to be stored in specific properties. You need to transform your data items to match the required structure. You can use map() to do ...

Answered: The Scheduler requires that the component is actually rendered during initialization. It creates a placeholder with ID starting with "dp_" which needs to be present. It looks like the accordion doesn...

Answered: Martin- Angular 6 requires DayPilot Pro version 2018.2.3281 or later: https://javascript.daypilot.org/daypilot-pro-for-javascript-2018-2-3281/ I'm not able to reproduce the error with that version. T...

Answered: This was caused by a missing "items" property in the TypeScript definition of MenuItemData interface. It's now fixed in the latest sandbox build (2018.2.3283). Please let me know if it doesn't work a...

Answered: There was a bug which caused the width of the first column to be calculated incorrectly - that made the text invisible for args.horizontalAlignment = "center". It should be fixed now in the latest sa...

Answered: I've tested a clean new project generated using Angular CLI 1.7.4 and it works fine. After adding DayPilot Pro 8.4.3056 npm install https://npm.daypilot.org/daypilot-pro-angular/trial/8.4.3056.tar.gz...

Answered: The Scheduler can prevents overlap during drag and drop operations ( https://doc.daypilot.org/scheduler/event-overlaps/ ). However, if you need to check the validity of the input values in a modal di...

Answered: Please ignore this question. I have found the issue, there is something wrong with my loadEvent function. The system requires array of objects(something likes [{123},{124}]), however I sent array of ...

Answered: You need to target ":host ::ng-deep" to the CSS selector: styles: [' :host ::ng-deep .test { font-weight: bold; } '], This style will be translated to something like this: [_nghost-c1] .test { font-w...

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

Answered: Unfortunately not. The current implementation of the modal dialog (the Angular version) doesn't support customization of the position. It's always fixed at the top, with the height set automatically ...

Answered: You can get a list of all selected events using DayPilot.Scheduler.multiselect.events() method: https://api.daypilot.org/daypilot-scheduler-multiselect-events/ let events = this.scheduler.control.mul...

Answered: If you don't need to result to continue you can simply open the dialog right away. Don't open the dialog from the response callback. Instead of this: this.http.get("/api").subscribe(result => { this....

Answered: If you want the event to be moved automatically you need to use "Update" value for the *Handling properties: config: any = { eventMoveHandling: "Update", eventResizeHandling: "Update" } If you handle...

Answered: Can you try upgrading to the latest DayPilot Pro version? Try running the following command in the console: npm install https://npm.daypilot.org/daypilot-pro-angular/trial/2018.1.3156.tar.gz --save M...