Questions Tagged angular
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 ...
Previous
Questions 121-145 of 145