Questions Tagged angular4
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.
2 rows for one resource
Answered: It is possible to display two rows for each resource: 1. The resource id needs to be unique. This can be done by prefixing a certain string to the resource id, e.g. "R" + id for reservations rows, "I...
Open source version of Kanban board
Answered: Unfortunately, the Kanban board component is only available in DayPilot Pro (paid version). See also the feature matrix: https://javascript.daypilot.org/feature-matrix/
Increase the height of the DayPilot Calendar control to fit its parent dynamically
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
Angular4 DayPilot question related to click handler
Answered: At this moment Angular templates are not supported in active area HTML. However, a solution is in the works and it will be available within a couple of weeks.
How to render component in event areas's html?
I have tried loading a component (<tw-popover-teams></tw-popover-teams> ) in 'html' of event areas but could not achieve. Please suggest. args.e.areas.push({ right: 6, bottom: 0, left: 0, visibility:...
How to remove default mousedown event on calendar events? - II
Answered: Thanks for the update. In that case you can use onAfterEventRender to remove the mousedown event handler. It's defined using onmousedown property so you can simply set it to null:
onAfterEventRende...
How to remove default mousedown event on calendar events?
Answered: It's not possible to remove event handlers from the event div. However, you can handle onAfterEventRender event to get access to the event div and customize it. The event consists of two main <div> e...
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 ...
Show bootstrap delete icon on the Event when hover.
Answered: First, you need to disable the built-in icon by removing eventDeleteHandling: "Update" from the config. Then you can add your own icon using an active area. See also: https://doc.daypilot.org/schedul...
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 ...
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 => {
...
Month view for Daypilot calendar control in Angular4
Answered: There is a special component available for the monthly calendar. See the docs: https://doc.daypilot.org/month/angular/ A quick start Angular 4 monthly calendar project: https://code.daypilot.org/5778...
Non-passive event listener
Answered: Please see the following docs topic for Scheduler scrolling performance tuning options: https://doc.daypilot.org/scheduler/scrolling-performance/ It's necessary to keep the total DOM size as small as...
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...
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...
Is there any setting to do recurring schedule like we do in outlook
Answered: The JavaScript version of DayPilot (which includes the Angular plugin) doesn't include recurrence support. It's a client-side technology and the recurrence has to be implemented on the server side. H...
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...
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.
Bubble configuration with Angular 2+
Answered: The bubble can be configured using a DayPilot.Bubble object which you assign to "bubble" property of the config. Example:
config: any = {
bubble: new DayPilot.Bubble({
animation: "fas...
Tooltip not showing
Answered: The tooltip is automatically turned off if you turn on a bubble. In the latest DayPilot Pro version, the bubble is now automatically turned on (a new DayPilot.Bubble() object is assigned to "bubble" ...
Disabling thick boarders when generating custom timeline
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...
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
Modular DayPilot for Angular 4
Answered: At this moment it's not possible but we are checking if there is a way to exclude parts of the js file that are not needed. A quick stats FYI: The Scheduler itself (without helper classes like Menu, ...
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.
Questions 1-30 of 30
Next