Questions Tagged
Scheduler: keyboard navigation using the Tab-key
Answered: The keyboard API is now available - please take a look at the following tutorial: https://code.daypilot.org/68177/javascript-scheduler-how-to-use-the-keyboard-api
Daypilot angular bundle size
Answered: Unfortunately, the package size can't be reduced. We recommend the following to improve the loading time: make sure the bundle is served compressed (in your screenshot, you can see that the gzipped s...
How to auto hide empty/unhide non-empty rows when scrolling horizontally and vertically
Answered: Applying the row filter requires an update of the Scheduler which is not possible during scrolling. However, the latest sandbox build (2021.3.5048) now includes a new rowEmptyHeight property which le...
Scheduler integration with excisting system
Answered: Could you please contact sales@daypilot.org to discuss the details?
Summary columns at the end of the Scheduler
Answered: Hi Petr, Unfortunately, it's only possible to display the summary on the left side (in the row headers) at this moment.
Daypilot does not detect window size is changed - content height is not adjusted
Answered: Are you able to reproduce the issue using the project from the "Angular Scheduler: Full Screen Layout" tutorial? https://code.daypilot.org/75104/angular-scheduler-full-screen-layout Please note that ...
Problem with events and resources background
Answered: The image export only supports a limited set of CSS styles. The Scheduler tries to detect the background color but if you use an unsupported background style it will fail. You can override the auto-d...
Can't get resource.
Answered: Sorry for the confusion: In onEventMoved, you need to use args.newStart, args.newEnd, args.newResource instead. See also: https://api.daypilot.org/daypilot-scheduler-oneventmoved/
Time range context menu does not work
Answered: This looks like an old copy of the demo. You can find the latest version here: https://javascript.daypilot.org/demo/scheduler/eventmenu.html It should work fine for both the time range selection (use...
Target custom columnheader_cell as rowheadercol with number
Answered: The latest sandbox build (2021.3.5045) now support adding a custom CSS class to the column headers using onBeforeRowHeaderColumnRender event handler. https://javascript.daypilot.org/sandbox/ Example:...
Empy header cell for next columns if treeEnabled = true
Answered: The column content is set in onBeforeRowHeaderRender event handler. You'll need to modify it to exclude parent rows:
dp.onBeforeRowHeaderRender = (args) => {
// skip parent rows
if (arg...
Show view Month?
Answered: You can find a demo of the monthly calendar (Lite version) here: https://javascript.daypilot.org/demo/lite/month/index.html Click the "Show source" button to see the JavaScript source code. This demo...
Timeline with sqare options for event
Answered: Hi Mikolaj, There are two options: 1. If you want to display your data in cells (in the background layer), you can use the logic described in the following tutorial and modify the cell properties (ba...
After update 2020.4.3
Answered: This happens because some of your events use the same ID (the error message refers to "GQS217123") which is not allowed. You should make sure that the event IDs are unique.
Business hours begins and End where can I set them
Answered: What version of DayPilot Pro do you use? If it doesn't work with the latest version (2021.2.6054), could you please post your config? The following OnInit() seems to work fine with the latest version...
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...
Drag n drop using cypress for e2e tests
Answered: Cypress isn't particularly good at detecting the layers correctly and this error message ("trigger failed because this element is covered by another element") is often misleading. Adding {force: true...
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...
Problem with exporting events
Answered: The Scheduler will include events that are loaded at the moment of export (it uses the event data from events.list) in the exported image. If you use dynamic loading (https://doc.daypilot.org/schedul...
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.Naviga...
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...
Tap on event active area not working relieable on mobile device
Answered: Hi Benny, It looks like the default action uses "click" event which is not reliable on touch devices. It will be fixed in the next release. You can use 'action: "None"' as a workaround - that will bi...
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...
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.coun...
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...
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...