Questions Tagged tutorial

Answered: You can control the visible data range using StartDate and Days properties. You can use Days property to increase the number of visible days.

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

Answered: Please take a look at the documentation: https://doc.daypilot.org/calendar/event-deleting/ You need to use onEventDelete event handler to call backend_delete.php endpoint on the server side. You need...

Answered: The SQL Server database schema looks like this: CREATE TABLE [dbo].[Assignment] ( [AssignmentId] BIGINT IDENTITY (1, 1) NOT NULL, [AssignmentNote] VARCHAR (2000) NULL, [AssignmentStart] DATETIME NOT ...

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: Have you checked the docs? https://doc.daypilot.org/scheduler/event-deleting/

Answered: You can use dp.heightSpec = "Parent100Pct" to set the Gantt height to 100% of the parent element. Just make sure that the parent height is set explicitly (either using "height" style or using "top"/"...

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: 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: 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: It looks like you have used DayPilot Pro (the paid version) in your project. 1. You can use DayPilot Lite (open-source) instead - but it doesn't include all Pro features: https://javascript.daypilot....

Answered: Unfortunately not at this moment.

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: 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: Maybe just a typo, it should be "locale": dp.locale = "fi-fi"; See also: https://api.daypilot.org/daypilot-calendar-locale/

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