Questions Tagged javascript

Answered: Unfortunately, this tutorial is not available for Spring Boot at this moment. To see how the Calendar and Scheduler components can be used with Spring Boot backend, please see the following tutorials...

Answered: 1. You can update a single row using rows.update(): https://api.daypilot.org/daypilot-scheduler-rows-update/ 2. It's also possible to change HTML of a specific row header column directly using DayPil...

Answered: The full crosshair is now fully supported in combination with frozen rows in the latest sandbox build (since 2020.4.4811).

Answered: This issue should be fixed now in the latest sandbox build (2020.4.4810). Please let me know if the problem persits.

Answered: At this moment, no. The keyboard access has no API yet. It will be introduced soon and it will include an option to add custom key mappings.

Answered: In the latest version (2020.4.4807), the horizontal lines separating frozen rows from the main grid are now marked with special CSS classes (*_divider_horizontal_frozen_top and *_divider_horizontal_f...

Answered: If you use an old version of DayPilot, I recommend upgrading to the latest release. The "areas" property directly in Cell is a legacy location which is not part of the TypeScript definitions but it's...

Answered: In order to run the project, you'll need PHP, a webserver and a MySQL database server. A decent knowledge of JavaScript is also necessary if you want to customize the project. If you are a complete b...

Answered: The floating events are enabled by default. It works as follows: 1. Events that start before startDate will have *_event_continueleft class. This doesn't change with scrolling. 2. The float div (mark...

Answered: This issue should be fixed now in the latest sandbox build (2020.4.4805). Could you please give it a try and let me know if the problem persists? https://javascript.daypilot.org/sandbox/

Answered: This can't be done automatically but you can calculate the cellWidth value based on the screen size (window.innerWidth) before displaying the Scheduler. You need to take into account the width of oth...

Answered: The TypeScript declarations are now included in the latest sandbox build (2020.4.4792) of the Vue package (daypilot-pro-vue). Please let me know if there is any problem.

Answered: This issue should be fixed now in the latest sandbox build (2020.4.4804).

Answered: You can add a special row frozen to the top of the grid: https://doc.daypilot.org/scheduler/frozen-rows/ You'd have to play with its properties and styling a bit. E.g. you can set custom height using...

Answered: Do you use the DayPilot.Bubble object to display the tooltip? The Scheduler doesn't use any z-index but you might want to check its parent elements. The bubble is displayed using a <div> that is inse...

Answered: The first condition is only true for the first cell in a day (which start at 00:00). You need to compare the date part instead: ( args.cell.start.getDatePart() === new DayPilot.Date("2020-12-02").get...

Answered: The tutorial is now updated and it will keep the duration of both events after they are swapped: var targetDuration = targetEvent.duration(); targetEvent.data.start = sourceEvent.data.start; targetEv...

Answered: The first date format ("2020-11-18T13:02:26.249-05:00") is supported and it will work fine. The second date format ("2020-11-18T13:33:24.38-05:00") is not supported at the moment. To see all availabl...

Answered: The Scheduler uses visibleStart() and visibleEnd() to read the current visible range boundaries in events.load(). If you make changes to startDate and days these changes will only be applied when you...

Answered: Please take a look at this example: https://doc.daypilot.org/scheduler/alternate-row-colors/

Answered: After the trial period you need to purchase a license or stop using the library.

Answered: Yes, you can use row.update() method: https://api.daypilot.org/daypilot-scheduler-rows-update/

Answered: Please take a look at this Angular performance guide: https://doc.daypilot.org/scheduler/angular-performance/

Answered: Unfortunately, there is no way to control the auto-scroll in a single direction only at this moment.

Answered: The start/end properties weren't actually supported for visibility: "Hover". It should be working now in the latest sandbox build (2020.4.4762).

Answered: The way the focused element (cell/event) is highlighted is not final and it may change in the final release - that's why the Theme Designer doesn't include support for the keyboard focus yet. The bui...

Answered: DayPilot.Modal just shows the supplied HTML and it doesn't perform any framework-specific initialization. You can supply an element instead of HTML when calling showHtml(), or you can initialize the ...

Answered: You need to change the event data object and call dp.events.update(data); to update the view. Depending on how much you want to encapsulate the component, you can either pass DayPilot.Scheduler insta...