Questions Tagged javascript

Answered: For the record: 1. Problem: Compilation error message: "Unexpected value 'DayPilotModule in ... node_modules/daypilot-pro-angular/daypilot-angular.min.d.ts' imported by the module '...'. Please add @...

Answered: You can hide the icons using treeImageWidth and treeImageHeight properties: dp.treeImageWidth = 0; dp.treeImageHeight = 0; See also: https://api.daypilot.org/daypilot-scheduler-treeimageheight/ https...

Answered: Yes, please see the following docs page: https://doc.daypilot.org/scheduler/row-height/

Answered: The time range selection shadow (selection indicator) is always rendered in the layer below events. To make sure it's visible you can specify rowMarginBottom to add some extra space at the bottom of ...

Answered: Hello, I found a solution here in the forum and helpfiles. Thank you and best regards, Otto dp.onBeforeEventRender = function(args) { if (args.data.tags && args.data.tags.type === "important"){ args....

Answered: There is an onEventClick event handler which you can use to call a server-side endpoint using AJAX (to make the change persistent). You can also change the event color using DayPilot.Scheduler.events...

Answered: Unfortunately, the order of "scheduler_default_matrix_vertical_line" elements is not guaranteed. If you want to display vertical lines at specified locations (e.g. to mark end of day) you can use sep...

Answered: The text wrapping is disabled by default - you can enable it using this property: https://api.daypilot.org/daypilot-scheduler-eventtextwrappingenabled/

Answered: Yes, it's in the plan - it will be introduced in one of the coming releases.

Answered: Hi Otto, You can create DayPilot.Date object from an ISO string using a constructor: var date = new DayPilot.Date("2019-05-04T12:00:00"); // "2019-05-04 12:00:00" works as well See also: https://api....

Answered: After the 60 days has been completed, you either need to pay or the trail would end and you won't be able to use it further.

Answered: The bubble text/HTML needs to be specified using "bubbleHtml" property of the event data object: https://doc.daypilot.org/scheduler/event-bubble/ If the "bubbleHtml" property is not part of the serve...

Answered: It's possible to implement custom rules using onEventMoving, onEventResizing and onTimeRangeSelecting events: https://api.daypilot.org/daypilot-scheduler-oneventmoving/ https://api.daypilot.org/daypi...

Answered: I just set it to 0 Thanks

Answered: Just found out about: https://doc.daypilot.org/scheduler/active-areas/

Answered: Hi Andrea, Gantt client-side export is in the works - it will be available in the near future.

Answered: Hi Aliaa, Sorry for the delay. There are actually two event handlers that let you customize the row headers: 1. The onBeforeResHeaderRender is a legacy event which is only fired when the rows are loa...

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: The Scheduler is optimized and it only renders the cells for the current viewport. However, this configuration extends the viewport to the whole grid and it displays all 100*15*24 = 60,000 cells at o...

Answered: This issue should be fixed now in the latest sandbox build (2018.4.3470): https://javascript.daypilot.org/sandbox/

Answered: Most likely, the problem is that the new event has the same ID as the original one. After recent changes, the Scheduler requires each event to have a unique ID. This applies since the various event i...

Answered: The modal dialog can show any HTML page using showUrl() method. You can create a standard page with the required fields and display it using showUrl(). You can pass the form data back to the calendar...

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: There is a tutorial in the works that will show how to sort rows using the column headers in the JavaScript version. It will be published at https://code.daypilot.org - you can subscribe to email not...

Answered: You can extend your onBeforeCellRender like this to apply the green background color: dp.onBeforeCellRender = function(args) { var row = dp.rows.find(args.cell.resource); if (row.data.backColor) { ar...