Active Questions

Scroll for X-Axis in top of Scheduler

Answered: The scrollbar position is defined by the browser and it can't be moved. So the answer is no. You might be able to implement your own scrolling logic using scrollTo() and scrollToResource() methods: h...

Get the current date?

Answered: If you want to get the date that was last clicked in the Navigator, you can read the selectionDay property: https://api.daypilot.org/daypilot-navigator-selectionday/ const nav = new DayPilot.Navigato...

DayPilot is not supporting Arabic language

Answered: The RTL text direction is only supported in the Pro version, you can find a demo here: https://javascript.daypilot.org/demo/calendar/rtl.html At this moment, it's not supported in the Lite (open-sour...

Switch resource type for events

Answered: Yes, the best way would probably be to use two scheduler instances and switch between them. You might be able to do it with one instance but the configuration would be more complex. You can also take...

I did Buy the PRO Version but still show demo

Answered: 1. Please make sure that you have replaced the daypilot-all.min.js file with the full version. 2. You may need to force a reload using Ctrl+F5 in the browser. Or add a random string to the script pat...

how to add text in cells ?

Answered: You can write to cells using onBeforeCellRender event handler: https://api.daypilot.org/daypilot-scheduler-onbeforecellrender/ In order to make the text accessible even if there is an event scheduled...

Scheduler: Get RowHeaderColumns value

Answered: You can get the DayPilot.Row object using rows.find() method: const row = dp.rows.find(args.resource); Then you can access the original data object using row.data: const country = row.data.country; S...

How to set the width of an event indicator

Answered: You can increase the margin on the right side of a calendar column using "columnMarginRight" property: https://api.daypilot.org/daypilot-calendar-columnmarginright/ By default it uses 5 pixels.

Link bubbles

Answered: It was released as an experimental feature and it was not included in the API documentation and TypeScript definitions. It's still supported. It's now added to the API documentation: https://api.dayp...

Hotel room/floor representation

Answered: Yes, it is possible. You'd need to map the dates (e.g. the day of year part) to floors using a technique used in the ASP.NET timetable tutorial: https://code.daypilot.org/65101/timetable-tutorial-asp...

Remove non Business Hours

Answered: This is possible - you need to add heightSpec: "BusinessHoursNoScroll" to the config: https://api.daypilot.org/daypilot-calendar-heightspec/ It's supported in the Lite version as well. In the Pro ver...

Remove seconds

Answered: Yes, you're right. There seems to be a problem with timeHeaderCellDuration values other than 60. It should be fixed now in the latest sandbox build (2021.2.5010): https://javascript.daypilot.org/sand...

Custom HTML code

Answered: In the Pro version, XSS protection is enabled by default and content specified using "text" property is automatically HTML encoded. You can use "html" property to specify raw HTML or you can disable ...

Can't hide sundays

Answered: You should take a look at the viewType property. It lets you hide weekends: https://doc.daypilot.org/calendar/work-week-view/ If you only want to hide Sundays, you can use viewType="Days", days=6 and...

Scheduler ContextMenu with async loaded data

Answered: Yes, it works as you describe. At this moment, the args.async option is not supported in the onShow() method but you can switch to manual event click/right click handling and open the context menu wh...