All Questions

Answered: Since version 2024.2.5956, the active area will display a bubble if you specify the bubble property, regardlesss of the action value. Another option is to use the following event handlers , which are...

Answered: This error has been fixed recently. Please make sure that you have the latest version (from May 21, 2024): PHP Shift Planning System (JavaScript/HTML5 Frontend, MySQL Database) If the problem persist...

Answered: Thanks! It turned out to be the Calendar component and it should be fixed now in the latest sandbox build (2024.2.5954): https://release.daypilot.org/changes/js/

Answered: When the time header cell is partially hidden, the Scheduler adds a special overlay with the default cell content (it’s called a floating time header ). You can turn it off using the floatingTimeHead...

Answered: Unfortunately, this is not possible.

Answered: You can use custom CSS theme that will display your images in the buttons (using background-image style). The buttons are marked with the following CSS classes: modal_default_ok modal_default_cancel ...

Answered: Sorry for the troubles! These issues ( onTaskMoved and onTaskMoving ) should be fixed now in the latest sandbox build (2024.2.5939). These fixes will be included in the next release, which will be av...

Answered: This is fine. I assume that you have defined the area position and dimensions ( left , right , etc.). I have tested your code in the Scheduler and the only problem is that if you also have an event b...

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.

Answered: The full project is attached - you can download it at the top of the article using the “Download Source” button (below the main screenshot).

Answered: The eventMovingSkipNonBusiness property affects the drag and drop behavior over the non-business time segments. The mechanism is explained in the JavaScript Scheduler: Skip Non-Business Cells during ...

Answered: Yes, this is possible. To distinguish this action from moving the original event to a new location, you can use a modifier key or an active area. 1. Modifier key You can use the approach described in...

Answered: I am trying to highlight or cut the holidays on the event itself

Answered: You can use the following CSS: .scheduler_default_timeheadercol_inner { border-right-width: 4px; }

Answered: To implement this, you can use the split resources feature:

Answered: In the Scheduler, the visible range is set using the startDate and days properties. You should use the combination that displays the desired date range. Another option is to create a custom timeline ...

Answered: That’s a typo. The event is called onEventMoving . There should be no problem using it to clear the selection.

Answered: Unfortunately, setting the calendar height to 100% of its parent is only supported in the Pro version at the moment.

Answered: There was a bug in the calculation of the grid boundaries. It’s fixed now in the latest sanbox build (2024.2.525): https://release.daypilot.org/changes/jslite/ Test: https://jsfiddle.net/ucvksntf/4/

Answered: Sorry for the delay! I assume that you are using dynamic event loading to load additional data during scrolling ( onScroll event). In the event handler, you should only update the Scheduler by callin...

Answered: The Gantt chart component is not designed for this mode, but you can hide the the time grid using the following properties: scale: "Manual", startDate: "2020-01-01", // use a day in the past

Answered: You can change the icons using CSS. This is how the icons are defined in the default CSS theme : .gantt_default_tree_image_expand { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naH...

Answered: To change the current date, it is necessary to update the startDate property, which is used as the default date for the columns (if they don’t specify a custom date). You can find an example here: Ne...

Answered: As I mentioned here , it’s now in the wishlist.

Answered: You need to access the DayPilot.Scheduler object using the control property of the DayPilotScheduler component: const scheduler = schedulerRef.current.control; Another option is to use the controlRef...

Answered: Yes, this is possible. You can use the same technique that is used in the yearly calendar tutorial (which displays months as columns) - define rows with custom start, one per month: <div id="dp"></di...

Answered: Sorry for the delay! Which component do you use (Calendar, Scheduler..)? > I am also wondering if it would be possible to pass information from the onEventClick event to the context menu’s onShow eve...