All Questions

Real-Time Updates

Answered: Yes, but it requires some work. 1. First, you need to keep track of individual changes on the server side, and store them as a sequence. Each change would be something like add/remove/update action w...

External drag and drop to existing event

Answered: Hi Dan, The simpler solution was to follow your idea: keepElement: true DayPilot makes no attempt to remove elements during any of it's callbacks then. I then manage the list of external draggable it...

Navigator changing dates behaviour

There seems to be a bug with the Navigator when changing the selected date forward. For example, if the navigator is currently on September 26th and the number of months to display is 1 and I assign ...

Hotel Room

Answered: It is important to keep the output JSON structure. The event data structure is described here: https://api.daypilot.org/daypilot-event-data/ You need to respect these property names - the database st...

Scroll to hour on button click

Answered: Changing the ScrollPositionHour value would only work on the server side, during the initial page load or during a PostBack. If you want to change the scrollbar position on the client side you'll nee...

Highlighting dates in scheduler

Answered: In the Scheduler, you can use onBeforeCellRender to highlight selected cells. In that event handler, you can use args.cell.events() to get a list of events that overlap with the cell. See also: https...

About DayPilot library

Answered: There are two ASP.NET versions: DayPilot Lite which is open-source: https://aspnet.daypilot.org/open-source/ DayPilot Pro which is commercial and includes advanced features: https://aspnet.daypilot.o...

Business Begins/Ends

Answered: Yes, it is possible using onBeforeCellRender: https://api.daypilot.org/daypilot-scheduler-onbeforecellrender/ This will change the status of the cell and the associated background color but it will n...

Showing event versions in the same 'row'

Answered: You can do this by creating a single version (with a transparent background) and adding the two active areas inside: onBeforeEventRender: function(args) { args.data.versions = [ { start: args.data.st...

time header

Answered: You can use a special frozen row at the top which will let you select a time range and expand it to the full column. Please see the following tutorial: https://code.daypilot.org/50252/javascript-sche...

XSS Cross Site Scripting issue

Answered: DayPilot lets you specify raw HTML in many places to allow adding rich content and defining your own functionality. You need to make sure that any user-entered data that you use when adding custom HT...

How to set cell width per column?

Answered: The Scheduler lets you define column widths if you use a custom timeline: https://doc.daypilot.org/scheduler/timeline/ The Calendar and Month components don't allow specifying individual columns widt...

Extending the separator to the timeheaders

Answered: You shouldn't add borders to the main time header div (.scheduler_default_timeheader_cell) because it changes its dimensions (it uses the default "box-sizing: content-box" style). The borders are def...

Ignoring left click behaviour for events

Answered: There is an event that lets you override the standard mouse behavior but it works on the grid layer only (below events): https://api.daypilot.org/daypilot-scheduler-ongridmousedown/ If these events a...

Drag and Drop issue on second time

I have dragged/drop an event first time after page load and it works fine but when the event is dragged/dropped second time then it gives me an error "Cannot read property ja of null". When i refresh...

Change locale from mm/dd/yyyy to dd/mm/yyyy

Answered: The ASP.NET WebForms version of the DatePicker always used the default date format of the current locale. However, there is now a new property called "Pattern" available in the latest sandbox build (...

Set event in multiple days

Answered: I recommend checking the date values. The Scheduler doesn't shorten events and the start and and date/time will correspond to the calculated timeline position. You can see that multi-day events are d...

How can add search on second row or child row?

Answered: The rule that determines which rows will be displayed when a row filter is applied is implemented in onRowFilter event handler. You'll need to extend it to include text of the additional rows as well...

Changing scheduler settings in CSS

Answered: You need to use more specific selectors, e.g. #dp .scheduler_default_matrix_vertical_line, #dp .scheduler_default_matrix_horizontal_line { background-color: #000000; } or add "!important" to the styl...

Max Width for rowHeaderWidthAutoFit

It would be great, if a maximum width setting for rowHeaderWidthAutoFit could be implemented. Should be trivial to implement in _autoRowHeaderWidth but I did not want to patch it to stay with the sta...