Questions Tagged
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...
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...
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()...
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...
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...
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...
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...
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....
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...
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.
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...
Angular component inside event disappears when scrolling right
Answered: This is caused by floating events, a feature that displays the event text floating at the viewport edge when scrolling to the right. Angular components can’t be displayed in the floating part but you...
DayPilot.Area action = "JavaScript" is marked as Legacy, what now?
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 usin...
I need to group the timings to show from time and to time, instead of hours.
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, it i...
How to create slots with 2 or 3 hours and display them as single column?
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.
Year View (version 2024.3.6130)
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: ...
keyboard.clearFocus() not found
Answered: It was missing from the TypeScript definitions. It si now available in the latest release (2024.3.6130).
Error when using .Scheduler.rows.find with split resources
Answered: This error is fixed now a special relase (2024.3.6130). If there is any problem, please let me know.
Scheduler partial updates sometimes are not rendered
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...
Changing Background Color of Selected Row Header (Scheduler)
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: #...
How can I show a bubble manually on a resource/row header?
Answered: You can use the showHtml() method - you just need to supply the HTML to be displayed. No other object is required as a parameter.
Bug on Row Filtering Demo (JavaScript Scheduler)
Answered: This problem should be fixed now in the latest sandbox build (2024.3.6102). Please let me know if the problem persists.
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",
// ...
}
Set Height For Frozen Rows in the Scheduler
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...
time range from touch selection not working?
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...
Scheduler - Area - How to use Bubble with the action ContextMenu
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".
utiliser le local storage
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...
Unset keyboard focus on lost focus on scheduler component
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.
Questions 1-30 of 5032
Next