Active Questions

Answered: As far as I can see, there is no .start property used in the HTML template in the tutorial. I recommend using the attached project as a reference - it runs fine without any errors.

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: You can override this text using onBeforeTaskRender event, by calling args.data.box.htmlRight = ""; there. See also: https://api.daypilot.org/daypilot-gantt-onbeforetaskrender/

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: This issue should be fixed now in the latest sandbox build (2020.4.4804).

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: It looks like you are missing "configMonth" change in your method: currentDate(date: DayPilot.Date): void { this.configDay.startDate = date; this.configWeek.startDate = date; this.configMonth.startDa...

Answered: Vue 3 is now supported (since build 2020.4.4798).

Answered: In DayPilot Pro for JavaScript, you can do this using onTimeRangeSelecting event handler: https://api.daypilot.org/daypilot-calendar-ontimerangeselecting/ Unfortunately, it's not available in the Lit...

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: You can add custom row header columns using columns property: https://doc.daypilot.org/gantt/columns/ The context menu can be added using contextMenuRow property: https://api.daypilot.org/daypilot-ga...

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: 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: Try removing the following section from Page_Load: DayPilotScheduler1.Scale = TimeScale.Manual; DateTime start = new DateTime(DateTime.Today.Year, 1, 1, 12, 0, 0); DateTime end = start.AddYears(1); D...