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

Questions Tagged angular

Angular CLI - Module build failed: RangeError: Maximum call stack size exceeded

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

Disable event overlap

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

Move event

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

Angular 5 Scheduler Event cssClass

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

How can I custom my css style for modal popup?

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

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

Scheduler Event Context Menu during multiselect

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

Render Angular 5 component into DayPilotMonth cell template

Is is possible to render a angular component into DayPilotMonth cell template html? I'm trying to pass nativeElement as HTML attribute, but it doesn't work. Only renders "[object HTMLElement]". onBef...

How to run PHP code without affecting performance

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

onEventResized and onEventMoved

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

Double events show

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

Vertical movement of event does show event during moving on timesheet

I have an angular5-app, based on your demos, and switched to the viewtype="Days". Event-Moving is working, however, during the move the event is not shown. Here my config: config: any = { locale: "de...

how to make the "DEMO" in the corner disappear

Answered: The tutorial project uses a trial version which is limited to evaluation purposes. If you decide to use it you'll need to purchase a license. The full version comes without the DEMO label: https://ja...

how to show more information then just the name of the event

Answered: You can customize the event appearance (including the HTML content) using onBeforeEventRender event handler: https://doc.daypilot.org/scheduler/event-customization/ Another option is to display a cal...

How to customize the create event dialog

Answered: Please take a look at the following tutorial: https://code.daypilot.org/29513/angular-2-scheduler-modal-dialog-for-event-editing It shows how to create a customized modal dialog for editing event det...

How to run the project sample

Answered: It looks like you'll need to enable SQLite PDO driver in php.ini config file (it's not enabled by default): Windows: [PHP] ; ... extension=php_pdo_sqlite.dll ; ... Linux: [PHP] ; ... exten...

Exact timerange selection when useEventBoxes is set to never.

Answered: In addition to useEventBoxes which affect the display of existing events there is also snap-to-grid feature which affects drag and drop: https://doc.daypilot.org/scheduler/snap-to-grid/ Unfortunately...

Include this component in an Ionic project

Answered: Ionic is based on Angular so you can simply follow the documentation for the Angular scheduler: https://doc.daypilot.org/scheduler/angular-2/ Let me know if there is any problem.

Custom Tag - how to?

Answered: Your second example seems to work fine for me (in both AngularJS and plain JavaScript version). Just a couple of comments: 1. As you have noticed already, dataTagFields is not used in the JavaScript ...

DayPilot Scheduler end date set as current

Answered: Use: days: 7, instead of days: new DayPilot.Date().dayOfWeek(),

can we change the color of gantt chart progress-bar?

can we change the color of gantt chart progress-bar? I uploaded one image file for the help on gantt-chart Please revert back asap thanks

Scheduler: How to disable event move on touch devices?

I'm using angular scheduler. Here is my config: $scope.schedulerConfig = { allowEventOverlap: false, eventResizeHandling: "Disabled", eventMoveHandling: "Disabled", visible: true, scale: "Minute", ce...

Angular 4

Answered: The DayPilot namespace still works the same way. Just import it: import {DayPilot, DayPilotSchedulerComponent} from "daypilot-pro-angular"; And you can use it in the code.

How to group resources without tree

Hi Is it possible to visually group the resources without make a tree (with no row for the parent(s) of the resources) ? Like on the screenshoot attached : beds are resources beds B and C are in the ...

Including the scheduler daypilot into a directive with isolated scope

Answered: Since version 8.2 (http://javascript.daypilot.org/daypilot-pro-for-javascript-8-2/) the scheduler supports "publish-as" attribute which lets you specify the target for the DayPilot.Scheduler object. ...

Scheduler styling: small vertical open space between rightmost column and right border

The right side of the scheduler looks like this: http://imgur.com/D7Ngfvy Is it possible to just hide the outer border, or is there another solution to this? I'm using angular daypilot and I created ...
Questions 1-26 of 26