Questions Tagged
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.
Can you add an empty column in the row header?
Answered: To show an empty column, just omit the display property from the rowHeaderColumns array items. However, the first column will display the name of the resource even if you don’t specify the display pr...
Partial resource updates without full redraw
Answered: Yes, you can update just a single row using the rows.update() method.
When dragging events, sometimes the event incorrectly moves to the wrong time
Answered: This issue should be fixed now in the latest sandbox build (2024.3.5995). Please let me know if the problem persists.
Wrong className for DayPilotMonth component
Answered: You may be overlooking something. The DayPilotMonth React component indeed uses the ”month_default” CSS theme. You can check it by inspecting the DOM elements in the JavaScript demo, You can apply a ...
Add additional data to the events table
Answered: You can create the modal dialog using DayPilot.Modal.form() - you can find an example here: JavaScript Scheduler: How to Edit Multiple Fields using a Modal Dialog DayPilot.Modal is included in the op...
dropdown in progress bar
Answered: You can add custom objects (icons, etc.) to the row header columns using active areas. To add an active area, use the onBeforeRowHeaderRender event handler: onBeforeRowHeaderRender = (args) => {
...
Collapsing/hiding hours in calendar
Answered: This is not supported in the Calendar at the moment. It is only possible in DayPilot Pro, in the Scheduler component: Hiding Time Columns in JavaScript Scheduler In the Pro version of the Calendar, y...
Is it possible to drag and drop multiple events from the external source to scheduler?
Answered: Unfortunately, this is not possible at the moment. Out of curiosity - what is your use case?
Daypilot navigator problem after updating to angular 16
Answered: This is hard to guess without the actual code, but you may be accessing an instance that has been destroyed already. If it doesn’t help, could you please post an example that reproduces the problem?
DayPilot Month - RTL
Answered: It was almost ready - the RTL support is now available in the latest sandbox build (2024.3.5979). You can get the sandbox React package at npm.daypilot.org. See also a live demo in the sandbox: Month...
Modifying RTL according to locale
Answered: Unfortunately, RTL is not supported in the Lite version at the moment.
Split the reservation on multiple resources
Answered: In this tutorial, you can learn how to split an event using a context menu: JavaScript Scheduler: Splitting an Event You can then join these two new events using a link and possibly style them to ind...
Context Header Menu not locked when appearing.
Answered: In the latest sandbox build (2024.3.5980), the context menu now hides on a "wheel" event (mouse wheel or touchpad scrolling) to prevent it from moving to an incorrect position. That should fix the is...
How to change css and html of Daypilot
Answered: You can use custom CSS easily - the best way is to generate a calendar CSS theme online. You can modify it manually as needed. In the open-source version, you can customize the inner HTML of events, ...
How to add "day of week" to the time header day
Answered: You can customize the calendar column headers using the onBeforeHeaderRender event handler: const calendar = new DayPilot.Calendar("calendar", {
// ...
headerHeight: 50,
onBeforeHeaderRender...
Calendar events are not aligned when on the same line
Answered: It looks like this is caused by the custom CSS theme that you are using. I recommend checking the margins, padding, etc. If the purpose of the CSS modification was to create a free space next to the ...
Adding Holidays on for ASP.NET tutorial
Answered: In ASP.NET WebForms, you can indeed use the BeforeCellRender event. You just need to check whether the current cell falls on one of the defined holidays. Example: // Define an array of holidays
priv...
Jalali Calendar
Answered: The calendar works with a Gregorian calendar internally, and the Jalali/Shamsi calendars are not directly supported. However, in the resources view, the calendar shows just a single day and the date ...
UpdateWithMessage change color MessageBox from behind
Answered: It is not possible with UpdateWithMessage() but you can use Update() to send custom data to the client and display the message bar using JavaScript using a custom CSS class. Hashtable ht = new Hashta...
weekStarts property non-functional in DayPilotCalendar
Answered: At this moment, the weekStarts property is not available in the Lite version. However, you can set a custom week start using the locale property. If there is no built-in locale that meets your needs,...
Resources Calendar does not schedule events at all
Answered: Hi Samir, With the following setup, the resource calendar will display one day on the vertical axis. As the startDate is not specified, it will use the current day for all columns/resources. <DayPilo...
Drag Shadow disappears after dragging over updating rows
Dear Daypilot Developer While working on a project at my company which uses Daypilot Scheduler I came across this weird behaviour. For context the daypilot scheduler would dynamically load the events...
How to show read only calendar
Answered: Yes, you can disable event moving using the eventMoveHandling property: {
eventMoveHandling: "Disabled",
// ...
}
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.