Active Questions
While printing Scheduler I'm getting text color error.
Answered: The Scheduler tries to read the actual event styles but it does it using a standard event (and not for every item). If you apply custom text color (and other properties) using a CSS class it won't be...
Keyboard API: Cannot read properties of null (reading 'keyboard')
Answered: This should be fixed now in the latest sandbox build (2021.4.5158). Could you please give it a try?
when change
Answered: I recommend following the Angular Scheduler Zoom tutorial which includes a working Angular project where everything works fine: https://code.daypilot.org/12302/angular-scheduler-zoom In particular, y...
How to center vertically active areas
Answered: In order to center the icon vertically, you need to: 1. Specify the vertical position using "top" and "bottom" properties (use the same values). 2. Center the content using "display: flex". It could ...
Bubble doesn't show and onClick event isn't fired in onBeforeCellRender
Answered: The onClick handler seems to work fine. Areas with action: "Bubble" were not supported in Scheduler cells until now - but it should be enabled in the latest sandbox build (2021.4.5153). Please let me...
How can I add textbox or search on Contextmenu?
Answered: Unfortunately, the context menu doesn't support a search box or custom elements. To select a user from a long list you can use a dialog created using DayPilot Moal which supports a searchable list:
...
Best way to redraw scheduler after height change
Answered: If you use heightSpec: "Parent100Pct" the Scheduler will use the available space, i.e. 100% of the parent element. It requires that the parent element height is set properly (either using height or a...
How to change the displayed end date of selected range
Answered: By default, the Scheduler works with exact date points. The end of such selection is "2021-12-10T00:00:00" which results in "Dezember 10, 2021" in the label. This allows the same logic to be applied ...
Don't plan outside business hours
Answered: With the Scheduler component, it is possible. Please take a look at the following tutorial: https://code.daypilot.org/57279/javascript-scheduler-skip-non-business-cells-during-drag-an Please let me k...
How to remove background-color on :hover at daypilot_rowheader_inner div?
Answered: You can remove the crosshair highlighting from the first row header column like this:
<style>
.scheduler_default_rowheader:not(.scheduler_default_rowheadercol) .scheduler_default_crosshair_left ...
Missing typing in DayPilot.GanttPropsAndEvents
Answered: Hi Hicham, This should be fixed now in the latest sandbox build (2021.4.5152). Thanks for reporting the issue!
Scheduler js Field Customize
Answered: Hi Martin, In the JavaScript version, it's not possible to change the mapping. But you can transform your object easily like this:
const myEvents = [ /* ... */ ];
const events = myEvents.map(e => ...
how to export cornerHtml text value ?
Answered: The corner content is now included in the exported image (since build 2021.4.5145). By default, the corner will display the text specified using cornerText property: https://api.daypilot.org/daypilot...
How to display an icon on top of a cell filled with events when hovering on it
Answered: You can't display the icon on top of the events but you can adjust the cell margins to make space for the icon. In the Scheduler, you can use rowMarginBottom or rowMarginTop: https://api.daypilot.org...
Adding Link Button to Cell of Calendar & Scheduler Component
Answered: Please take a look at the following tutorial: https://code.daypilot.org/31933/javascript-monthly-calendar-max-events-expand-button
Is clearSelection available?
Answered: Yes, the clearSelection() client-side method is available in the ASP.NET WebForms version as well. You can find an example in the main Scheduler demo: https://aspnet.daypilot.org/demo/Scheduler/ The ...
Show an icon when hovering a cell with crosshair on
Answered: The full crosshair (crosshairType = "Full") is displayed above the cells and masks access to them. So unfortunately, it's not possible to combine the full crosshair with hover styles for cells. I rec...
Spacing on right of events
Answered: You can set the margin width using the columnMarginRight property: https://api.daypilot.org/daypilot-calendar-columnmarginright/
dp.columnMarginRight = 0;
How to scroll to "currenttime" cell on start
Answered: The Calendar should scroll to the first business hour (businessBeginsHour) by default. If you want to scroll to a different hour, you can use scrollToHour() method: https://api.daypilot.org/daypilot-...
Week numbers at 2021 -> 2022 transition
Answered: Hi David, At this moment, the week number is calculated from the first date of the week. That results in week #53 for the transitional week. It's not always possible to provide a default behavior tha...