DayPilotModal Button Order
Answered: The button order is fixed but you can change it using custom CSS: .modal_default_buttons { display: flex; } .modal_default_ok { order: 2; } .modal_default_cancel { order: 1; } You can add images usin...
All Questions
Can event area support multiple actions?
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...PHP Shift planning
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...Error
hi team , facing issue once try to run application .DayPilot.Scheduler.selectTimeRange() seems to snap wrong
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/How to Maintain Values in the Header During Horizontal Scroll?
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...Searching for DayPilot Pro ASP.NET Developers
DayPilot Pro ASP.NET Developer Wanted We are a Transportation and Warehouse Logistics company, located in the USA. We use a MS Windows Transportation Management System (TMS) to manage customer orders...Is it possible to Spread the left area of the gantt chart to maximum width?
Answered: Unfortunately, this is not possible.Add Icon to modal confirm buttons
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 ...DayPilot.Gantt.onTaskMoving and DayPilot.Gantt.onTaskMoved broken in 2024.2.5936
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...area bubble
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...MenuItemData Automatin ID
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.Request
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).Remove or Highlight the holidays on the Event
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 ...Vertical dragging to associate one event with multiple resources
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...Remove or Highlight the holidays on the Event
Answered: I am trying to highlight or cut the holidays on the event itselfChange Time Header Vertical Grid lines style
Answered: You can use the following CSS: .scheduler_default_timeheadercol_inner { border-right-width: 4px; }Using Row Spans for Resource Names in Tabular Mode
Answered: To implement this, you can use the split resources feature:Next invisible month
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 ...How to resize row header column on touch devices
Hello, Can the width of the Scheduler's Row Header Column be configured to allow resizing on touch devices? Additionally, when rowHeaderScrolling is set to true and the splitter is displayed, is it p...onBeforeEventMoving
Answered: That’s a typo. The event is called onEventMoving . There should be no problem using it to clear the selection.How to ensure that the calendar fills the entire HTML page?
Answered: Unfortunately, setting the calendar height to 100% of its parent is only supported in the Pro version at the moment.Event drag not working in corner cases in JavaScript Lite version
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/Keep drag and drop preview through rerenders
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...Is there any way we can hide the right side of the gantt chart
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 pastcan we change the expander or collapse icon
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...Changing the date in the resource calendar
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...Autoscroll on mobile is an huge miss.
Answered: As I mentioned here , it’s now in the wishlist.How to export the Scheduler as image/pdf in React
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...Year View
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...