All Questions

Format date in timesheet mode (Angular 5)

Answered: By default, the timesheet uses the short date format specified using the current locale for the day headers. You can customize the text using onBeforeRowHeader render event handler: config: any = { o...

How to use bubblehtml on angular5

Answered: Please make sure that eventHoverHandling property is set to "Bubble": config: any = { eventHoverHandling: "Bubble" }; This is the default value but the current version of the UI Builder ( https://bui...

Disable cells previous to the current datetime

Answered: Unfortunately, DayPilot Lite doesn't support disabled cells. However, you can check the dates in onEventMove, onEventResize, and onTimeRangeSelect events handlers and call args.preventDefault() to ca...

daypilot calendar bubble bug (angular, general)

Answered: This issue should be fixed in the latest sandbox build (3394): https://javascript.daypilot.org/sandbox/calendar/index.html Please let me know if the problem persists. A new release with the bug fix w...

On Premise Solution

Answered: Yes, this is how it works - it's a library that you can use in your own application. It will work with your database just fine. See also the ASP.NET tutorials to see example applications that access ...

Disabled Cells

Answered: What version of DayPilot Pro are you using? Disabled cells prevent all drag and drop operations, as you can see here: https://javascript.daypilot.org/demo/scheduler/cellsdisabled.html

Book few rooms in one go

Answered: It's possible to select multiple time ranges at once if you enable time range multiselecting as described here: https://doc.daypilot.org/scheduler/time-range-multi-selecting/ See also a demo (MVC ver...

Ability to adapt to the user timezone

Answered: Unfortunately, automatic time zone handling is not supported at the moment. This is a desirable feature but it's not trivial and it's in the research phase now. I can't promise any delivery date at t...

Error while updating cell html after eventMove

Answered: Hi Simone, You should try to avoid the direct cell modification. The Scheduler supports OnBeforeCellRender event handler on the server side which will let you specify the cell content in a more decla...

Issues with type definitions

Answered: Sometimes, it can happen that the TypeScript definitions are missing a declaration of a specific member, especially if it has been added recently. Your examples: 1. commandCallBack() method is specif...

Scheduler Timeheaders

hello im using the latest version of daypilot pro for scheduler i have the following issue , if i customize one of the timeheaders , it doesnt render properly. ,sometimes it renders correctly , and s...

Problem with export function on Scheduler

Answered: Thanks for the quick reply! Looking over our config, found what was wrong. We put rowHeaderColumns: {width: 120} instead of rowHeaderWidth: 120. Works fine now!

Footer row for Calendar

Answered: Unfortunately, a footer is not supported in the Calendar at the moment. The only option is to create a separate table with matching columns below the component.

Print Scheduler With Header On Every Page

Answered: With the direct print() method you only have limited control over the result (the browser will simply print the exported image). I recommend exporting the Scheduler to PDF, this way you can specify h...

columnBubble - get Date of Column

Answered: This was a bug which is now fixed in the latest sandbox build (2018.3.3388). You can test it and download the latest build here: https://javascript.daypilot.org/sandbox/calendar/daysresources.html Le...

Scheduler small events width

Answered: Hi Martin, If this only affects short events, I'd recommend reviewing the useEventBoxes property: https://doc.daypilot.org/scheduler/exact-event-duration/ https://api.daypilot.org/daypilot-scheduler-...

Ho To Install

Answered: You can get the sandbox NPM link here: https://npm.daypilot.org/

Scheduler tree

Answered: This icon is defined using CSS. You can override it using ".scheduler_default_tree_image_no_children" selector (for the default CSS theme): .scheduler_default_tree_image_no_children { background-imag...

Navigator: Get first and last date that is displayed

Answered: You can use visibleStart() and visibleEnd() methods: https://api.daypilot.org/daypilot-navigator-visiblestart/ https://api.daypilot.org/daypilot-navigator-visibleend/ Just note that both methods retu...