All Questions

How to handle object data inside html property in the Scheduler?

Answered: In React, the "html" property supports a string with HTML, but not JSX. You can use JavaScript template literal (with backtick quotes) to insert variables into the HTML string. However, remember that...

how-to javascript react

Asked by pushplata 4 years ago. 1 reply, last reply 4 years ago.
Example does not work

Answered: I recommend checking the HTTP call to the API (backend_events.php) in the browser developer console (Network tab). Most likely, you will see a DB-related error instead of the expected JSON array with...

article-17910-c javascript html5 sql-server php event-calendar asp.net-core open-source how-to

Asked by Norbert 4 years ago. 4 replies, last reply 4 years ago.
No event

Answered: Please see my suggestion here: https://forums.daypilot.org/question/5785/example-does-not-work

how-to javascript lite

Asked by Norbert 4 years ago. 1 reply, last reply 4 years ago.
TypeError: Cannot set properties of undefined (setting 'cssClass')

Answered: This error means that the parent object of the cssClass property is undefined - args.columns[x]. Since version 2022.2.5302, the columns are merged by default for parent resources. That means args.col...

bug javascript scheduler cssclass

Asked by Anonymous 4 years ago. 2 replies, last reply 4 years ago.
Rowspan undefined with collapsed resources and multiple columns

Answered: This should be already fixed in the latest version (which is now 2022.3.5384). Please let me know if the problem persists.

bug javascript rowspan resources collapse expand rowheader columns

Asked by John C 4 years ago. 3 replies, last reply 4 years ago.
Move Row Header Column to Right

Answered: Unfortunately, there is no elegant way to display the row headers on the right side at the moment. There is a tutorial that shows how to implement your option 2, but it's just a workaround: https://c...

how-to javascript rowheader columns

Asked by John C 4 years ago. 1 reply, last reply 4 years ago.
DB Connection data not showing at index

Answered: I recommend checking the HTTP calls to the API (especially work_order_resources.php and work_order_list.php) in the browser developer console (Network tab). Make sure that the response includes the c...

article-19393-c queue scheduler php work-order javascript mysql how-to

Asked by manipaal001@gmail.com 4 years ago. 1 reply, last reply 4 years ago.
How to execute client side JavaScript function whilst server processing request after user clicks on event blocks? [DayPilot Monthly Event Calendar]

Answered: You can use EventClickHandling='PostBack' and invoke the PostBack manually using eventClickPostBack() from EventClickJavaScript, after executing your code: https://api.daypilot.org/daypilot-scheduler...

how-to asp.net

Asked by Anonymous 4 years ago. 7 replies, last reply 4 years ago.
Scheduler ResourceHeaderClickJavaScript

Answered: I recommend using RowClickJavaScript instead. It handles the JavaScript onRowClick event: https://api.daypilot.org/daypilot-scheduler-onrowclick/ You can access the resource id using args.row.id ther...

how-to javascript

Asked by Jose Miguel Icaza 4 years ago. 4 replies, last reply 4 years ago.
Add line break in text in Event

Answered: Mike, Please see my answer here: https://forums.daypilot.org/question/5750/event-test Please let me know if there is any problem.

how-to asp.net

Asked by Mike 4 years ago. 1 reply, last reply 4 years ago.
room fields update

Answered: You can activate a context menu for the Scheduler row headers: https://doc.daypilot.org/scheduler/row-header-context-menu/ Or you can add an action icon to the header: https://doc.daypilot.org/schedu...

how-to asp.net

Asked by Jose Miguel Icaza 4 years ago. 1 reply, last reply 4 years ago.
Row Header Column resize buggy in Legacy Mode

Answered: This issue should be fixed now in the latest sandbox build (2022.3.5388): https://release.daypilot.org/changes/js/ Please let me know if the problem persists.

bug javascript

Asked by Markus Peter 4 years ago. 2 replies, last reply 4 years ago.
MySQL cannot use just SQlite can use only why?

Answered: In order to switch to MySQL please follow the instructions at the bottom of the article (a section called "Database (MySQL, SQLite)"). You need to edit _db.php and _mysql.php files.

article-27453-c php hotel reservation scheduler html5 mysql javascript how-to

Asked by . 4 years ago. 2 replies, last reply 4 years ago.
How to show and hide the daypilot navigator ?

Answered: You can use the show() and hide() methods of the DayPilot.Navigator instance: https://api.daypilot.org/daypilot-navigator-show/ https://api.daypilot.org/daypilot-navigator-hide/

how-to javascript react

Asked by pushplata 4 years ago. 2 replies, last reply 4 years ago.
How to convert <DaypilotNavigator/> into icon ?

Answered: Here you can find a JavaScript demo that binds a DatePicker popup to a specified target (a <span> element in this case): https://javascript.daypilot.org/demo/calendar/datepicker.html

how-to javascript react

Asked by pushplata 4 years ago. 3 replies, last reply 4 years ago.
events are not coming properly in the cell?

Answered: The horizontal position of an event is determined by its "start" and "end" values. Concurrent events stack vertically. To show events side by side you would have to change their start/end value accor...

how-to javascript

Asked by pushplata 4 years ago. 1 reply, last reply 4 years ago.
How to print day and week in scheduler?

Answered: The Scheduler can print (or export as image) the current view or a section of it using the exportAs() method. For more details and an example, please see the documentation: https://doc.daypilot.org/s...

how-to javascript

Asked by pushplata 4 years ago. 3 replies, last reply 4 years ago.
image is not coming properly in Context menu.

Answered: When using the default theme, there is a space for a 16x16 pixel icon on the left side: https://doc.daypilot.org/menu/images/ In your screenshot, this space is not available. It looks like you might ...

how-to javascript react

Asked by pushplata 4 years ago. 1 reply, last reply 4 years ago.
How i can add icon with text in context menu?

Answered: Please take a look at the following documentation page for an example: https://doc.daypilot.org/menu/images/

how-to javascript

Asked by pushplata 4 years ago. 3 replies, last reply 4 years ago.
How can i add multiple events in single cell?

Answered: Each event is displayed at a location determined by its start, end and resource id. If you want to display multiple events in the same cell, use the same "start", "end", and "resource" values.

how-to javascript react

Asked by pushplata 4 years ago. 1 reply, last reply 4 years ago.
How to get the text from upper left corner in the cell?

Answered: The default theme uses "display: flex" and "align-items: center" to center the Scheduler event content vertically. You can override it using the following CSS: .scheduler_default_event_inner { align-...

how-to javascript

Asked by pushplata 4 years ago. 2 replies, last reply 4 years ago.
How to show allday Event in Schedular

Answered: Unfortunately, all-day events are only supported in the Pro version of the calendar: https://doc.daypilot.org/calendar/all-day-events/

how-to javascript lite

Asked by Vahid 4 years ago. 1 reply, last reply 4 years ago.
How to provide the header for scheduler and how to change the today's cell color?

Answered: Instead of using the Scheduler time header to display the navigation, it's better to create your own toolbar and place it above the Scheduler. To learn how to implement the next/previous/today button...

how-to javascript

Asked by pushplata 4 years ago. 1 reply, last reply 4 years ago.
Event test

Answered: The event text gets HTML-encoded (as a protection against XSS attacks) and then it is treated as HTML. That means ASCII line breaks will be ignored. If you need to insert a line break, you'll have to...

article-24353-c asp.net event-calendar webforms vb.net how-to

Asked by Mike 4 years ago. 3 replies, last reply 4 years ago.
Uncaught ReferenceError: module is not defined

Answered: If you want to include the library directly using <script> element you need to download the zip package and include daypilot-all.min.js file instead of using NPM: Pro version: https://javascript.dayp...

how-to javascript calendar

Asked by Vahid 4 years ago. 1 reply, last reply 4 years ago.
daypilot all - functions not working

Answered: I resolved this. I was sending the 'data' object via jQuery $.post and it was failing. Re-populating the object sent using $.post using: newStart: args.newStart.toString(), newEnd: args.newEnd.toStri...

bug javascript lite

Asked by Dan 4 years ago. 4 replies, last reply 4 years ago.
How to change the font color while changing the back color for event?

Answered: Please see the documentation for "event customization": https://doc.daypilot.org/scheduler/event-customization/ You can also change the color globally (for all events) using a custom CSS theme: https...

how-to javascript

Asked by pushplata 4 years ago. 1 reply, last reply 4 years ago.
how to change the time format

Answered: You can customize the hour header cell content using onBeforeTimeHeaderRender event handler: https://doc.daypilot.org/calendar/time-header-customization/

how-to javascript

Asked by Vahid 4 years ago. 1 reply, last reply 4 years ago.
How change the height of all-day-event's row

Answered: The height of the row with all-day events depends on the content. It will stretch automatically to fit all events. You can change the all-day event height using allDayEventHeight property: https://ap...

how-to javascript

Asked by Vahid 4 years ago. 3 replies, last reply 4 years ago.
cell to into two lines or below the current line

Answered: The events will be displayed in a single horizontal line if they don't overlap. If the end date/time of the first event and the start date/time are the same the events are still considered non-overla...

how-to asp.net

Asked by praveen 4 years ago. 1 reply, last reply 4 years ago.