Active Questions
Cancel menu deactivation
Answered: To prevent the menu from closing when an item is clicked, you can add an onClick event handler to the items and stop the click event from bubbling: const menu = new DayPilot.Menu({
items: [
{...
DayPilot.Gantt - collapsing large task tree
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.
Custom timeline not cut off correctly
Answered: In the manual timeline mode, the Scheduler always uses the default cell width unless you specify it explicitly. The start and end of the last shift are correct (2 hours), but it is displayed at full ...
When expanding tabs in scheduler vertical scrolling stops working
Answered: Hi The problem gets fixed by using the following one to open all the tabls. dp.rows.expandAll(); Thank you for the great library. Martin
How to get response to a radio form
Answered: In this case, modal.result holds a copy of the data object. Its properties are set according to the user selection. So, in order to get the radio selection, you need to read modal.result.resource. To...
increase day-time insert events column
Answered: The cell duration (and number of cells per hour) can be configured in the Calendar, but this option is only available in the Pro version.
Avoid focusing an event on keyboard.focusCell
Answered: The current implementation of keyboard.focusCell() finds the default keyboard cursor position for the specified cell. That can be an event if it is at the top position (line 0). However, it should be...
How to move events across half day in the scheduler without setting time manually once the even is dropped
Answered: There are two options: 1. You can set the cell duration to half a day: {
scale: "CellDuration",
cellDuration: 720,
// ...
} The time headers are independent and you can use "Day" as the gro...
List view for calendar
Answered: You can use the Queue component to display a list of events. As a bonus, they will be draggable to the Scheduler. You can see a demo here.
Selecting Multiple Rows Header On Row Click
Answered: You can add the row to selection in onRowClicked using the rows.selection.add() method. It is also possible to implement a “toggle” logic using rows.selection.isSelected() and rows.selection.remove()...
Disabling column resizing for a single column in the scheduler
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", nonresiz...
Enabling Multi-range by default
Answered: In the latest sandbox build (2024.3.6166), this is now possible using the new multiRangeMode property. Scheduler config: {
multiRangeMode: "Always",
// ...
}
Web Mini License
Answered: For a one-time project, the Web Mini may work fine. For projects that you need to maintain over longer periods and if the budget allows it, I recommend choosing an edition that includes a renewable m...
Invoke _command sub from another sub (vb.net code-behind)
Answered: If you want to update the DayPilotMonth control from another control, there are the options: You can invoke commandCallBack() from the client side. You can update it using a partial PostBack, if the ...
Property 'level' does not exist on type 'Row'.ts(2339)
Answered: All missing properties should now be included in the TypeScript definitions in the latest sandbox build (2024.3.6165). All documented properties and methods of DayPilot.Row are now available. You may...
DayPilotMonth fit parent height
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....
highlighting current time indicator for DayPilotCalendar?
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...
On windows resize, Cell Loses selection. [Calendar]
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 ra...
How to export Gantt chart for range opttion
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...
CSS classes of start and end indicator of event resizing
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.