Questions Tagged javascript

Answered: Yes, this is possible: dp.onRowFilter = function(args) { if (args.row.name.toUpperCase().indexOf(args.filter.toUpperCase()) === -1) { args.visible = false; } var parent = args.row.parent(); if (paren...

Answered: The DOM structure of the Calendar has changed in 2019.2.3880 ( https://javascript.daypilot.org/daypilot-pro-for-javascript-2019-2-3880/ ) in order to support browser zoom levels. That requires the he...

Answered: It's now available in the latest sandbox build (2019.4.4058): https://javascript.daypilot.org/sandbox/ Example: var col = dp.columns.find("2019-10-07"); // DayPilot.Column object var events = col.eve...

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: The real-time onTimeRangeSelecting/onEventMoving/onEventResizing event handlers let you adjust the start/end of the current drag&drop target according to your needs. These events can be used to snap ...

Answered: You need to activate the React package in the customer area ( https://www.daypilot.org/customers/ ). You'll be able to get a npm installation link there as well.

Answered: The drag handle width can be set now using rowDragHandleWidth property (since build 2019.3.4044). The default value is 10 (pixels). It will be included in the next official release which is scheduled...

Answered: The behavior is now updated in the latest sandbox build (2019.3.4049) - clicking an item with children will not close the context menu anymore.

Answered: It should work automatically this way. If the new date is outside of the currently visible range it will switch to the target month. Maybe this is an edge case - would you be able to create an exampl...

Answered: In version 2019.2.3871 the default navigator cell size has changed from 20x20 pixels to 30x30 pixels: https://javascript.daypilot.org/daypilot-pro-for-javascript-2019-2-3871/ You can revert to the or...

Answered: Unfortunately, this is not possible at the moment. However, it may appear in one of the future versions.

Answered: The onScroll event is only fired if dynamic event loading is enabled ( https://doc.daypilot.org/scheduler/dynamic-event-loading/ ). You can hook the "scroll" event directly like this: dp.nav.scroll.a...

Answered: There is now a new tutorial available that shows how to drag external items to the Scheduler in React: https://code.daypilot.org/85690/react-scheduler-external-drag-and-drop

Answered: Never mind! It's my own problem - I passed wrong argument to events.update().

Answered: Do you mean the appearance of the target position indicator ("shadow")? It looks like you are using custom CSS. However, the dimensions of the shadow are fixed and you need to respect them when setti...

Answered: By default, cell properties customized using onBeforeCellRender are cached until a full update(). 1. If your cell content depends on the overlapping events you can simply turn the caching off: dp.bef...

Answered: The Calendar component now supports area.start and area.end properties for event active areas. These date/time values will be used to calculate the vertical position. It's available since version 201...

Answered: I assume that you have followed the calendar tutorial ( https://code.daypilot.org/17910/html5-event-calendar-open-source ) and have the navigator and calendar linked like this: nav.onTimeRangeSelecte...

Answered: Unfortunately, it's not possible to update a single row at the moment. The full update ensures that the data and view are in sync and updating just a single row could have unwanted side effects and h...

Answered: Please see my reply here: https://forums.daypilot.org/question/4786/change-the-height-of-the-row-without-firing-events-for-all-

Answered: You can apply custom event sorting: https://doc.daypilot.org/scheduler/event-sorting/ Another option would be using a standalone row/resource which would define the position without additional tweaks.

Answered: You can change the culture/locale to "fr-fr" using DayPilot.Scheduler.locale property: https://api.daypilot.org/daypilot-scheduler-locale/

Answered: You can specify the event bubble content using "bubbleHtml" property. Assigning new DayPilot.Bubble() to dp.bubble is not necessary (it uses an empty Bubble object by default). Example: dp.events.lis...