Questions Tagged javascript

Answered: The initial scrollbar position is set to the hour of day defined using businessBeginsHour. You can also set a custom position using scrollToHour() method: https://api.daypilot.org/daypilot-calendar-s...

Answered: The Tennis court tutorial ( https://code.daypilot.org/11478/html5-tennis-court-reservation-php-javascript ) stores the data in a SQLite database that is created automatically when you start the appli...

Answered: The Scheduler will apply "scheduler_default_selected" CSS class to the selected event (for the default theme). The default CSS looks like this: .scheduler_default_selected .scheduler_default_event_in...

Answered: Maybe just a typo, it should be "locale": dp.locale = "fi-fi"; See also: https://api.daypilot.org/daypilot-calendar-locale/

Answered: You can define the event handlers directly on the DayPilot.Scheduler object (which is available as DayPilotComponent.control). Just note that DayPilotComponent.control is not available before AfterVi...

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: Sorry for the delay! What exactly do you mean by the "shadow"? Is that the semi-transparent div that indicates the target position during drag and drop? You can modify the appearance using CSS (creat...

Answered: Found the eventhandler... https://api.daypilot.org/daypilot-scheduler-onbeforerowheaderexport/ I would delete this post if I was able to :-) Thanks for making DayPilot great!

Answered: This happens because the "args" object has been extended with new properties (including a reference to DayPilot.Scheduler instance) and it can't be serialized using JSON.stringify() anymore. It's nec...

Answered: Please note that HTML is not supported during image export: https://doc.daypilot.org/scheduler/client-side-export/ You can supply alternative text using onBeforeCellExport event (args.text): https://...

Answered: Unfortunately this scenario is not supported at the moment.

Answered: You can change the crosshair appearance using CSS. The default built-in theme ("scheduler_default") uses the following CSS: .scheduler_default_crosshair_vertical, .scheduler_default_crosshair_horizon...

Answered: Is that the Windows version of Safari from 2012? Unfortunately that version is no longer supported by Apple and we don't support it either.

Answered: Time range double click is disabled by default. You need to enable it first using timeRangeDoubleClickHandling property: https://doc.daypilot.org/scheduler/time-range-double-click/ Let me know if it ...

Answered: By default all nodes in the Gantt chart are expanded. You can override it for each node (task) by setting task.row.collapsed = true: dp.tasks.list = [ { id: 1 start: "2018-01-01T09:00:00", end: "2018...

Answered: If you'd like to display a custom number of consecutive days you can use "Days" view as described here: https://doc.daypilot.org/calendar/days-view/ It's also possible to display any combination of d...

Answered: Thanks Dan. In all honesty, it would still be over my head! Obviously, I'd like to licence your code, but would anyone else be interested in helping me adapt it to our specific needs? Thanks

Answered: If "events" holds an array of DayPilot.Event objects you need to change the background color like this: // ... evt.data.backColor = 'Gray'; // ... instead of // ... evt.backColor = 'Gray'; // ... Als...

Answered: Please take a look at the Localization topic in the documentation: https://doc.daypilot.org/month/localization/ You can use one of the predefined locales or you can define your own. In addition to sw...

Answered: Update: The latest sandbox build (8.4.3098) accepts string, number and null (null was added in this build). The exception text now includes the value type. https://javascript.daypilot.org/sandbox/ Pl...

Answered: By default DayPilot works with exact date/time points, i.e. an event with end specified as "2017-10-06T00:00:00" will end at the beginning of October 6, 2017 (midnight). There is an option to change ...

Answered: In addition to useEventBoxes which affect the display of existing events there is also snap-to-grid feature which affects drag and drop: https://doc.daypilot.org/scheduler/snap-to-grid/ Unfortunately...

Answered: You can get a list of all events for a given row using DayPilot.Row.events.all(): var events = dp.rows.find("A").events.all(); Then change the "resource" value for all of them and call update: events...

Answered: Found a solution here. Adjusting the Target Position https://doc.daypilot.org/scheduler/event-moving-customization/