All Questions

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 ...

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...

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...

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...

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: i...

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 ...

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...

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 { dis...

Answered: At this moment, the links are not rendered progressively, but they are rendered all at once. We're checking if there is a way to render them in sync with the events. That would make more sense.

Answered: Hi Hicham, This should be fixed now in the latest sandbox build (2021.4.5152). Thanks for reporting the issue!

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 => ({ ...

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...

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...

Answered: Please take a look at the following tutorial: https://code.daypilot.org/31933/javascript-monthly-calendar-max-events-expand-button

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 ...

Answered: You can set the margin width using the columnMarginRight property: https://api.daypilot.org/daypilot-calendar-columnmarginright/ dp.columnMarginRight = 0;

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...

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...

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-...

Answered: Please take a look at the following tutorial: https://code.daypilot.org/97960/html5-scheduler-hiding-rows-without-events

Answered: Thanks! That helped to identify the performance issue. It should be fixed now in the latest sandbox build (2021.4.5128, see https://npm.daypilot.org/ for the Angular version). The constructor used to...

Answered: Yes, you can use BeforeCellRender event to mark cells as disabled. That will prevent all drag and drop operations: https://doc.daypilot.org/scheduler/disabled-cells/

Answered: Now that the problem is solved： value-format="yyyy-MM-dd"

Answered: Unfortunately, the event links are only available in the Scheduler component at the moment.

Answered: Yes, it is possible. Please take a look at the following tutorial: https://code.daypilot.org/39403/javascript-scheduler-customized-snap-to-grid Just remember that the smallest possible step is one pi...

Answered: The args.row property holds a DayPilot.Row object and you can access the original resource data object (from resources[] array) using "data" property: https://api.daypilot.org/daypilot-row-properties...

Answered: You'd need to turn off the "snap to grid" feature ( https://doc.daypilot.org/scheduler/snap-to-grid/ ) to prevent this behavior: dp.snapToGrid = false;

Answered: Yes, please take a look at the following tutorial: https://code.daypilot.org/39403/javascript-scheduler-customized-snap-to-grid Another option would be to change the cell duration to 12 hours using t...

Answered: If you display multiple rows in the column header you can specify the child column content using "children" property - the columns are organized in a hierarchy (see also https://doc.daypilot.org/cale...

Answered: This is a regression bug which should be fixed now in the latest sandbox build (2021.4.3805): https://aspnet.daypilot.org/sandbox/ Thanks for reporting the issue!