Answered: In the latest sandbox build, it is now possible to disable resizing of selected row header columns using the new nonresizable property: rowHeaderColumns: [ {text: 'Name', display: "name", nonresizabl...
Answered: At this moment, the Current Time Highlighting feature is only available in the Pro version of the Calendar. You can find information about feature availability in the table at the bottom of each docs...
Answered: At this moment, the 100% Height feature is only available in the Pro version of the Monthly calendar. You can find information about feature availability in the table at the bottom of each docs page....
Answered: Your config contains dynamic values that depend on the window width ( columnWidth ). Changing the config invokes a Calendar update. At this moment, the Calendar is designed to clear the current time ...
Answered: The CSS classes are as follows: .scheduler_default_event_move_left .scheduler_default_event_move_right See also the full list of CSS classes used by the Scheduler .
Answered: The exportAs() method returns a DayPilot.Export which you can use to get the exported object, start a download, etc. To download the image immediately, you can use this: this.dp.exportAs(this.state.e...
Answered: The js string property is no longer supported in the JavaScript version because it requires eval() , which many frameworks and code analyzers mark as insecure. I recommend adding the active areas usi...
Answered: If you just want to change the content of the time header , you can use the onBeforeTimeHeaderRender event handler to customize it in the Pro version of the Calendar . To define custom time slots , i...
Answered: In the Scheduler , you can create your own timeline by defining individual time slots. You can set custom start and end times for each slot, as long as they do not overlap with other slots.
Answered: Hi Kym, Sorry for the delay! This issue is now fixed in the latest sandbox build (2024.3.6136). With this build, you can specify the end for each row/month, and it will disable the subsequent cells: ...
Answered: It looks like you invoke the add/remove/update operations during drag and drop moving - but that’s not a supported scenario. It wasn’t designed to support them - it may work or not. The problem is th...
Answered: In the Scheduler, the selected rows are highlighted using the following CSS defined in the built-in theme: .scheduler_default_rowheader.scheduler_default_rowheader_selected { background-color: #aaa; ...
Answered: In the latest sandbox build (2024.3.6166), this is now possible using the new multiRangeMode property. Scheduler config: { multiRangeMode: "Always", // ... }
Answered: The JavaScript Scheduler doesn’t support frozen rows with a custom height and a vertical scrollbar. If you want to display large data set or many rows in the frozen section, it is better to use two s...
Answered: I have one test case where it works fine and one where it doesn’t. I’m still trying to find out what’s going on. Anyway, the following approach works in both setups: dp.onTimeRangeSelected = function...
Answered: Since version 2024.2.5957 , it is possible to combine the bubble property with any action type. That means the bubble (if specified) will always be displayed on hover, even for action: "ContextMenu" .
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: To show an empty column, just omit the display property from the rowHeaderColumns array items. However, the first column will display the name of the resource even if you don’t specify the display pr...
Answered: You may be overlooking something. The DayPilotMonth React component indeed uses the ”month_default” CSS theme. You can check it by inspecting the DOM elements in the JavaScript demo , You can apply a...
Answered: You can create the modal dialog using DayPilot.Modal.form() - you can find an example here: JavaScript Scheduler: How to Edit Multiple Fields using a Modal Dialog DayPilot.Modal is included in the op...
Answered: You can add custom objects (icons, etc.) to the row header columns using active areas. To add an active area, use the onBeforeRowHeaderRender event handler: onBeforeRowHeaderRender = (args) => { args...
Answered: This is not supported in the Calendar at the moment. It is only possible in DayPilot Pro, in the Scheduler component: Hiding Time Columns in JavaScript Scheduler In the Pro version of the Calendar, y...
DayPilot