Active Questions
Same day same time events are overlapping
Answered: Please take a look at this page: Exact Event Duration Let me know if this is not what you are looking for.
Background Color Time Wise
Answered: You can take a look at this tutorial: JavaScript Scheduler: Disabling Custom Date/Time Ranges It explains how to set color for custom time segments in the Scheduler.
cellmarginbottom seems not to work in DayPilot Lite Monthly Control
Answered: This property was not supported in the Lite version, but it is now available in the latest release: DayPilot Lite for JavaScript 2024.3.536
Inconsistent type definition of events in CalendarConfig and MonthConfig (Daily/Weekly Calendar view vs Monthly Calendar view)
Answered: > in MonthConfig it is defined as “events?: EventData;” This was incorrect, and it has been fixed now in the latest release. > CalendarConfig contains a definition for the function overload “remove(i...
DayPilot.Gantt: JS errors when moving collapsed children with paths into collapsed parents
Answered: This issue should be fixed now in the latest sandbox build (2024.3.5966). The Scheduler incorrectly tried to render links to events in hidden row. If there is any problem, just let me know.
Business DAYS
Answered: You can use someting like this (using the options syntax): const calendar = new DayPilot.Calendar("dp", {
onBeforeCellRender: args => {
const nonBusinessDays = [4, 5, 6, 0];
if (no...
Calendar code in Composition api
Answered: You can take a look at the following tutorial which uses the Composition API in Vue: Vue Resource Calendar (Open-Source)
Modal 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;
}...
Missing daypilot-react.min.d.ts declaration file in NPM package?
Answered: Seems like they added it several hours after I posted this. This is resolved and everything works perfectly!
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 ...
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 floatingTimeHeade...
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...
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 ...
Is it possible to Spread the left area of the gantt chart to maximum width?
Answered: Unfortunately, this is not possible.
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 avai...
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 bubb...
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.
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 ...