Answered: Hi Leo, This is now added in the latest release ( 2026.2.6914 ). In addition to the event handlers, you can also get the current modifier key status using DayPilot.Calendar.getCoords() and DayPilot.S...
Answered: Hi Leo, For this purpose, there are two events for each action, e.g. onEventMove and onEventMoved . In onEventMove , the args.e object is the original DayPilot.Event object and the new position is av...
Answered: It is necessary to add the event handler globally (attach it to the document element). Attaching it to the menu element would only work after calling focus() , and you would also have to handle focus...
Answered: Hi Leo, This can’t be done in onTimeRangeSelecting , but you can use onGridMouseDown instead. This event is fired on mouse down, before any action is performed. You can cancel time range selecting th...
Answered: The recurrence needs to be implemented on the server side and the UI depends on the supported rules; that’s why this is not implemented in the JavaScript version.
Answered: Hi Leo, The Gantt Chart doesn’t support multiple tasks in the same row. You’d have to use the Scheduler component for this. However, you can display the task as a single box and insert active areas w...
Answered: These events can be added but your scenario can be better handled using active areas . If you add active areas with visibility: "Hover" they will ony be displayed when you hover the event. By default...
Answered: You can cancel the selection and place the caret at the start using the onAfterEventEditRender event: onAfterEventEditRender: args => { setTimeout(() => { args.element.setSelectionRange(0, 0); }, 0);...
Answered: You can use the eventEditMinWidth property to control the width. The Scheduler uses whichever is larger: the event’s width or the value of eventEditMinWidth .
Answered: The Kanban component respects the original order of cards that you use in the datasource. When a card is moved, you can get information about the target position inside a cell using the args.position...
Answered: You can override the CSS styles to make the target shadow more prominent. Unfortunately, it is not possible to move the existing cards during drag and drop to make space for a bigger target position ...
Answered: Such continuous events are marked with special CSS classes which you can use to add custom styling: scheduler_default_event_continueleft scheduler_default_event_continueright You can either use these...
Answered: In the latest release ( 2024.4.6293 ), the makeDraggable() methods for Calendar and Scheduler components now use the same structure of the options parameter. remove , onDragStart and onDrop are avail...
Answered: Hi Leo, In the latest sandbox build (2024.4.6201), you can now use the rows.collapseAll() method to collapse all rows of the Gantt chart with a single update.
Answered: Yes, this example focused on the configuration of the React calendar on the client side (installation, changing the date, customizing appearance, …). In a standard application, you will need to conne...
Answered: In the latest sandbox build (2024.3.6000), there is now a new keyboard.clearFocus() method that will let you remove the focus. Please let me know if it doesn’t work as expected.
Answered: Hi Jörg, You should be able to target the element using a custom CSS class which you can add using the cssClass property. This property is already available.
DayPilot