Questions Tagged scheduler
Keyboard navigation from last cell
Answered: With the latest version (https://javascript.daypilot.org/daypilot-pro-for-javascript-2021-3-5070/), you can update the keyboard focus in onEventClick event like this:
dp.onEventClick = args => {
...
Summary columns at the end of the Scheduler
Answered: Hi Petr, Unfortunately, it's only possible to display the summary on the left side (in the row headers) at this moment.
Problem with events and resources background
Answered: The image export only supports a limited set of CSS styles. The Scheduler tries to detect the background color but if you use an unsupported background style it will fail. You can override the auto-d...
Empy header cell for next columns if treeEnabled = true
Answered: The column content is set in onBeforeRowHeaderRender event handler. You'll need to modify it to exclude parent rows:
dp.onBeforeRowHeaderRender = (args) => {
// skip parent rows
if (arg...
Problem with exporting events
Answered: The Scheduler will include events that are loaded at the moment of export (it uses the event data from events.list) in the exported image. If you use dynamic loading (https://doc.daypilot.org/schedul...
Tap on event active area not working relieable on mobile device
Answered: Hi Benny, It looks like the default action uses "click" event which is not reliable on touch devices. It will be fixed in the next release. You can use 'action: "None"' as a workaround - that will bi...
Scheduler Persist row (resource) moving
Answered: You can take a look at the following tutorial to see how to handle row moving and persist the row order (in JavaScript/Node.js): https://code.daypilot.org/95340/react-activity-planning-system-node-ex...
Scheduler Event sorting drag & drop
Answered: The Scheduler lets you specify custom event order but unfortunately it doesn't support reordering events (inside cells) using drag and drop.
Features available for react js schedular
Answered: All DayPilot Pro for JavaScript features are available in React as well. To learn more about event editing, please see the following documentation page: https://doc.daypilot.org/scheduler/event-editi...
Why Group use alway return 0 in the fist time run?
Answered: The "used" value will be 0 before the events are loaded. The result of onBeforeCellRender is cached and in most cases the caching needs to be disabled using "cellsAutoUpdated" property of the parent ...
Show/Hide Columns using checkbox list instead of context menu
Answered: Unfortunately, the menu doesn't support checkbox items so it can't be used for this purpose. You'd have to create a custom panel to show the checkboxes.
How to get id of newly created event?
Answered: You need to return the ID of the new event from the server after saving the new record in the database. Then you can add the event to the Scheduler using events.add(). Please take a look at the follo...
Disabled cell still working if my event is longer on the right than disabled cells
Answered: You should check if you really disable the correct cells. The background color needs to be set separately so it's possible that you didn't disable all the colored cells. It's unlikely that the Schedu...
Scheduler TimeHeaderRow incorrect width
Answered: The auto-width features (row header width auto-fit and cell auto width) rely on the actual rendering to get some measurements. That happens in cases when it is not possible to calculate all dimension...
Scheduler RowHeaderHideIcon position does not update
Answered: This should be fixed now in the latest sandbox build (2021.1.4903): https://release.daypilot.org/changes/js/
Scheduler RowHeaderMaxWidth desirable
Answered: You can achieve this using CSS - specify max-width for the row header text:
.scheduler_default_rowheader_inner_text {
max-width: 100px;
}
Scheduler RowHeaderAutoFit doesn't shrink row header
Answered: Tim, This feature was designed to only extend the width. The latest sandbox build (2021.1.4889) now includes an experimental rowHeaderWidthAutoFitShrink property which you can use to enable shrinking...
Add event listener on holiday marked cells
Answered: You can display a custom text/html using a cell bubble if you add this to the config:
var dp = new DayPilot.Scheduler("dp", {
// ...
cellBubble: new DayPilot.Bubble({
onLoad: funct...
Scheduler - hide parent resources when filtering
Answered: In the latest sandbox build (2021.1.4830), you can now control this using "rowFilterParentsAlwaysVisible" property. The default value is true but if you set it to false it will hide parents that don'...
Scheduler: Cannot read property 'y' of null
Answered: This can happen if you enable keyboard access with keyboardTarget = 'document' and hit enter before focusing a grid cell. It should be fixed now in the latest sandbox build (2020.4.4821).
No rendering after resizing the separator between resources and events
Answered: It should be fixed now in the latest sandbox build (2020.4.4827). Please let me know if there is any problem.
Main rows with background color opacity less than 1 don't get covered by fixed rows
Answered: This is by design. The frozen rows are displayed on top of the main grid and if you use transparent background for the frozen row cells you'll see the underlying grid.
How to convert php to spring boot
Answered: Unfortunately, this tutorial is not available for Spring Boot at this moment. To see how the Calendar and Scheduler components can be used with Spring Boot backend, please see the following tutorials...
Update certain columns of the resources
Answered: 1. You can update a single row using rows.update(): https://api.daypilot.org/daypilot-scheduler-rows-update/ 2. It's also possible to change HTML of a specific row header column directly using DayPil...
Error with fixed rows and certain data
Answered: This issue should be fixed now in the latest sandbox build (2020.4.4810). Please let me know if the problem persits.
Scheduler: keyboard navigation using the Tab-key
Answered: At this moment, no. The keyboard access has no API yet. It will be introduced soon and it will include an option to add custom key mappings.
Line between normal and frozen rows
Answered: In the latest version (2020.4.4807), the horizontal lines separating frozen rows from the main grid are now marked with special CSS classes (*_divider_horizontal_frozen_top and *_divider_horizontal_f...
What program should i use for the codes?
Answered: In order to run the project, you'll need PHP, a webserver and a MySQL database server. A decent knowledge of JavaScript is also necessary if you want to customize the project. If you are a complete b...
Scheduler Spacing between Time header and Main area
Answered: You can add a special row frozen to the top of the grid: https://doc.daypilot.org/scheduler/frozen-rows/ You'd have to play with its properties and styling a bit. E.g. you can set custom height using...