Answered: Please note that this example uses a context menu to item to split the event. The context menu is activated on right click (which seems to work fine).
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: One option is to add custom CSS (using cell.cssClass) and create styles for all different combinations of classes (they are all applied at the same level): .scheduler_default_cell, .scheduler_default...
Hi, I think I have found a bug! If you have the Scheduler and the Calendar directives in the same page, it seems that the rowMoveHandling option stop to work for the Scheduler directive. This strange...
Answered: You can also move a resource by modifying the "resources" array. Afer making the changes, call update() to refresh the Scheduler. This example sorts the rows alphabetically (by name): var dp = new Da...
Answered: For the Calendar component (used in index.php and doctor.php) you can adjust the scale to show 15-minute cells using cellDuration property: var calendar= new DayPilot.Calendar("dp"); // ... calendar....
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: I found the solution myself, would be of help to others if ever come across this question. I simply used the dispose() method of the DayPilot, so when the event is triggered, I first got rid of the e...
Answered: Please see the SQL schema at the bottom of the article. The recurrence information (serialized rule) is stored in AssignmentRecurrence field (Assignment table). DayPilot uses this rule to expand this...
If I want to add a calculation can you show me how? I downloaded the full booking system but for my school project, the system should have some sort of a calculation!
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 ...
im running it on local server(wamp) manager can set schedule but the doctor or patient can not enter the data into the scheduled slots even after clicking on them any suggestions? i have uploaded ind...
Answered: Javascript can't connect directly to a database, but it can request data from external pages, files. I use PHP, and a MS SQL database. I have created an API were I can request data for my scheduler, ...
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: Yes, most likely there is a problem with exportAs(). Do you see any error message in the javascript console? Also, remember that exporting large Scheduler grids may hit the browser limits (most brows...
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: 1. No, this project includes a trial version of DayPilot Pro and is limited to testing and evaluation purposes, for 60 days. You need a DayPilot Pro for JavaScript license to use it in production ( h...
Answered: Please take a look at eventEndSpec property: https://doc.daypilot.org/scheduler/event-end-date-time/ You can also customize the tooltip HTML directly using onTimeRangeSelecting event handler (args.ri...
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...
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...
Answered: At this moment the tutorial project doesn't include the user interface to change the court names. You'd have to add it or you can also modify the database directly. The sample SQLite database is gene...
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...
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...
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] ; ... extension=php_pd...