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...
double click on cell areas results in two invocations
I defined an area in scheduler cells and a javascript handler for the click event. If I double click on the cell area the javascript handler is called twice, once for the first click, and once for th...
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...
forcing mousedown after calling scheduler's selectTimeRange method
Answered: This is probably a follow up on this question: https://forums.daypilot.org/question/5177/ignoring-left-click-behaviour-for-events You should be able to use onGridMouseDown, rectangleSelectHandling an...
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 = [
{
...
DayPilot parse date with shortened year notation gives an error
Answered: It was intentionally not implemented in DayPilot.Date.parse() because of the ambiguity (and the docs was not correct - it was only supported in toString()). Anyway, it's now supported in the latest s...
rowHeaderColumnResizedHandling - What event is triggered?
Answered: It fires onRowHeaderColumnResized event: https://api.daypilot.org/daypilot-scheduler-onrowheadercolumnresized/
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...
Drag and Drop event from one calendar to another
Answered: Unfortunately, drag and drop between components is not supported by the Calendar (only by the Scheduler).
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...
How can i add image in in second row or in first row?
Answered: You can use onBeforeRowHeaderRender event to insert custom HTML and/or active areas: https://doc.daypilot.org/scheduler/row-header-customization/
Day pilot dragdrop insert 2 rows. (angular)
Answered: This should be fixed now in the latest sandbox build (2020.3.4657). Please let me know if the problem persists.
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...
How to show results for half an hour in timeHeaders
Answered: Please see this grouping option:
groupBy: "Cell"
https://doc.daypilot.org/scheduler/time-header-groups/
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"...
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...
Using Daypilot vue sample with vue v3 did not work.
Answered: Vue 3 is now supported (since build 2020.4.4798).
Delete events based on ids stored in an array
Answered: array.forEach(function(id) {
dp.events.remove(id);
});