Questions Tagged html5

Answered: We don't officially support Ionic. It may or may not work. Ionic is quietly intercepting events and doing some weird things, especially in the early versions. I recommend trying it with the latest Io...

Answered: If you only work with full days, you can switch to eventEndSpec="Date" mode which will translate the end date to "end of day": https://doc.daypilot.org/scheduler/event-end-date-time/ But that will no...

Answered: You can specify the number of days using days property: https://api.daypilot.org/daypilot-scheduler-days/ This way you can display as many months as you need.

Answered: > SO the question is how can I send as a response this data from database to the jpa and to display it on the scheduler correctly. This is what the tutorial is trying to explain in "Loading Scheduler...

Answered: You'll need to purchase a license: https://javascript.daypilot.org/buy/ The tutorial includes a trial version of DayPilot Pro.

Answered: Yes, please see the options here: https://doc.daypilot.org/scheduler/height/

Answered: You can use onBeforeEventRender event handler to modify the event HTML (args.data.html) using the staff column (args.data.staff): https://doc.daypilot.org/calendar/event-customization/ You can also m...

Answered: You can take a look at this example that uses DayPilot Pro: https://code.daypilot.org/41760/using-javascript-html5-event-calendar-in-spring-boot-java The Maven config used in this project is very bas...

Answered: Unfortunately, the Persian calendar is not supported at the moment.

Answered: In that case you need to extend the filter object to include both parameters. Let's have this filter form (HTML): <div class="space"> Filter: <input id="filter" /> <a href="#" id="clear">Clear</a> <i...

Answered: The database will be created and initialized automatically - see also the _db_mysql.php script for details. Just make sure that _db.php points to the mysql backend (and not sqlite). Also, check that ...

Answered: Management of the doctors is not included in the project - in order to keep it simple. 1. You can add traditional form-based web interface to edit the doctors table. 2. You can extend the manager's i...

Answered: In the Lite (open-source) version this is not supported but in the Pro version you can set the behavior using useEventBoxes property. Please see more here: https://doc.daypilot.org/calendar/exact-eve...

Answered: Please make sure that daypilot-all.min.js is loaded before the month control initialization code [@Html.DayPilotMonth("dp",....]. If the library is not loaded at that point it will generate an error ...

Answered: I'd recommend checking the server response (backend_events_create.php call) using browser developer tools. It may include additional information about a server-side error.

Answered: To switch the view, you just need to change the viewType value and call update(), like this: Switch to day view: dp.viewType = "Day"; dp.update(); Switch to week view: dp.viewType = "Week"; dp.update...

Answered: It looks like you might have overwritten the index.html file with one generated using the UI Builder (the generated index.html uses resources array with Resource 1 and Resource 2 defined). If you dow...

Answered: Please see the licensing options here: https://javascript.daypilot.org/buy/

Answered: In PHP, you can modify the backend scripts (backend_events.php, backend_create.php) to work with your database. The DB connection properties can be found in _db.php. The MVC version defines the data ...

Answered: already found the solution need to change $morning_shift_starts = 9; $morning_shift_ends = 13; $afternoon_shift_starts = 14; $afternoon_shift_ends = 18; in the backend_create.php thankyou anyway

Answered: You can use "startDate" to change the visible date range: https://doc.daypilot.org/calendar/manual-date-switching/ The end date is calculated automatically, depending on the viewType value ( https://...

Answered: Just a quick background explanation: The "onclick" event has been replaced by "onClick" in version 8.3.2617: https://javascript.daypilot.org/daypilot-pro-for-javascript-8-3-sp6/ The new onClick event...

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