Active Questions
How to disable cells in monthly calendar
Answered: Since version 2022.2.5287 (now available in the sandbox), you can disable selected cells using onBeforeCellRender event handler: https://doc.daypilot.org/month/disabled-cells/
Progress feature request: parent resouce in front of child resources
Answered: Hi Santor, It's in the works. Unless there is some problem, it will be included in the next release (June 1, 2022).
Several Schedular RowHeader Bugs on Mobile
Answered: 1. Unfortunately, resizing the row headers is not supported on touch devices at the moment - the splitter is too narrow to support convenient control using touch gestures. 2+3. These issues are fixed...
Scheduler: New line is inserted after pressing Enter twice
Answered: It looks like the new event is not focused properly after it is created. The focus remains on the background grid cell. I recommend checking the onTimeRangeSelected handler - make sure that the new e...
Scheduler - Add text at the bottom of a day
Answered: Yes, you can add it using onBeforeCellRender. Try something like this:
onBeforeCellRender: args => {
args.cell.areas = [
{
left: 0,
right: 0,
bottom: 0,
text: "...
Scheduler - How to show tooltip on hover over active area
Answered: This syntax is correct and it seems to work fine. However, the screenshot doesn't correspond to the sample code - "left: 0, right: 0, top: 0, bottom: 0" will fill the whole cell. So you might want to...
Where do the args of the onBeforeTimeHeaderRender method come from?
Hi everyone, I'm working on a project that loads events dynamically, also using the onScroll method. In addition to this there is a zoom that allows, depending on the selected level, to view the peri...
Is it possible to use the onRowCreate method in each resources group with childrens to add new rows dynamically?
Answered: At this moment, it's only possible to use the "new row" feature to add rows to the top level. In order to add children, you can use a context menu as demonstrated in this tutorial: https://code.daypi...
DayPilot default css styles
Answered: You can generate a custom theme using the Theme Designer: https://themes.daypilot.org/ The default settings will generate a theme that corresponds to the built-in theme. You can include the generated...
Loading events from multiple sources (onto Scheduler)
Answered: You need to make two requests manually and merge the results into a single array. The following example uses two parallel requests, waits until both return a result and update the Scheduler:
const ...
How to add bubble to event group?
Answered: You can enable a bubble for event groups using the groupBubble property: https://api.daypilot.org/daypilot-scheduler-groupbubble/ There are two ways to specify the bubble content: 1. You can use onBe...
php hotel room booking
Answered: You can find the licensing options at the Buy page: https://javascript.daypilot.org/buy/
Setting heightSpec: "BusinessHoursNoScroll" resets hours shown on grid
Answered: The support for heightSpec: "BusinessHoursNoScroll" is now implemented in the latest sandbox build and it will be available in the next release.
onScroll gets fired multiple times, if height if height of .fs_scrollable is changing on dynamicLoading
Answered: At this moment, the Scheduler doesn't debounce onScroll calls that are invoked as a result of the viewport size change. However, this will only happen if you use dynamic height (such as heightSpec: "...
How to select a date range dynamically and highlight it?
Answered: To set the initial date selection, please use the select() method in ngAfterViewInit(): https://api.daypilot.org/daypilot-navigator-select/ When you add the selectionStart, selectionEnd properties to...
Scheduler - Keyboard API causes an error when changing resources and events
Answered: In the latest sandbox build (2022.2.5266), the Scheduler will try to refocus the same target (cell based on start and resource, event based on ID) after update. If the target isn't available in the u...
Wrong behaviour when navigating using keyboard API after entering inline editing mode
Answered: The event updates are performed asynchronously so that all updates performed in the same code segment can be merged and performed at once. That applies to the default edit action (including onEventEd...
how to prevent the daypilot modal from closing when clicked outside?
Answered: You can do it using onClose event handler:
onClose: args => {
if (args.backgroundClick) {
args.preventDefault();
}
}
Force resource column of two schedulers on the same page to have the same width
Answered: You'll need to turn off the "row header width auto-fit" feature (it adjusts the column width dynamically based on content): https://doc.daypilot.org/scheduler/row-header-width-auto-fit/
Changing cellWidth moves the rowHeaderColumns to the most left
Answered: This issue should be fixed now in the latest sandbox build (2022.1.5262). Please let me know if there is any problem.