All Questions
How to select a date range dynamically and highlight it?
Answered: To set the initial date selection, please use the select() method in ngAfterViewInit(): https://api.daypilot.org/daypilot-navigator-select/ When you add the selectionStart, selectionEnd properties to...
Is it possible to use the onRowCreate method in each resources group with childrens to add new rows dynamically?
Answered: At this moment, it's only possible to use the "new row" feature to add rows to the top level. In order to add children, you can use a context menu as demonstrated in this tutorial: https://code.daypi...
Wrong behaviour when navigating using keyboard API after entering inline editing mode
Answered: The event updates are performed asynchronously so that all updates performed in the same code segment can be merged and performed at once. That applies to the default edit action (including onEventEd...
how to prevent the daypilot modal from closing when clicked outside?
Answered: You can do it using onClose event handler:
onClose: args => {
if (args.backgroundClick) {
args.preventDefault();
}
}
Force resource column of two schedulers on the same page to have the same width
Answered: You'll need to turn off the "row header width auto-fit" feature (it adjusts the column width dynamically based on content): https://doc.daypilot.org/scheduler/row-header-width-auto-fit/
Scheduler - Keyboard API causes an error when changing resources and events
Answered: In the latest sandbox build (2022.2.5266), the Scheduler will try to refocus the same target (cell based on start and resource, event based on ID) after update. If the target isn't available in the u...
React component inside cells
Answered: It's in the works - it will be possible to add custom React components to cells in the upcoming release.
Changing cellWidth moves the rowHeaderColumns to the most left
Answered: This issue should be fixed now in the latest sandbox build (2022.1.5262). Please let me know if there is any problem.
How can I make scheduler scrollable in mobile?
Answered: I made a few changes and Now it's working fine.
Start rectangle selection on event
Answered: At this moment, this is not supported. The mousedown on event will trigger event moving, unless you hold the Shift key.
How can I display shorten name of the Week?
Answered: The timeHeaders property is only applicable to the Scheduler component. In the Calendar component, you can change the date format using headerDateFormat property: https://api.daypilot.org/daypilot-ca...
Can't use scheduler with daypilot lite javascript
Answered: Unfortunately, the Scheduler component is not included in DayPilot Lite for JavaScript. See also the feature matrix here: https://javascript.daypilot.org/feature-matrix/
daypilot print() Chrome not working
Answered: Workaround found. By creating a fake (hidden) iFrame and exporting the daypilot calendar to an image, you can place the image in the iframe and print the iframe. Like so: $("#print-button").click(fun...
JSON error in file: daypilot-all.min.js
Answered: This happens if the PHP backend returns an error instead of a JSON response. I recommend checking the backend HTTP request using browser developer tools. The response will contain an error message wh...
Concurrent Group Event does not show all events after Expanding
Answered: This problem should be fixed now in the latest sandbox build (2022.1.5239). Please let me know if there is any problem.
Group concurrent events first state
Answered: There is no way to control the initial state of the automatic event groups, beyond setting the minimum number of overlapping events that form a group (using groupConcurrentEventsLimit property). If y...
Adding values of events than counting in Group Availability
Answered: This example will calculate a sum of values stored in a specified event field ("val"):
onBeforeCellRender: (args) => {
if (args.cell.isParent) {
const field = "val";
const children =...
Refresh Gantt command
Answered: The Modal.Close() method uses a workaround to return the control back to the client side. Older versions may not work well - please make sure that you use the latest version of the ASP.NET WebForms h...
Re-Calculate Totals row when a row is deleted
Answered: The cells in rows marked with "cellsAutoUpdated: true" will be updated on every change, including a row removal. You might want to review and update the calculation logic. The tutorial (https://code....
Eventos
Answered: Please take a look at this tutorial - it shows how to load calendar events from a database: https://code.daypilot.org/50175/angular-appointment-calendar-component-typescript
custom resource field
Answered: You'll need to transform your data set to match the data structure required by the Scheduler. It displays the name specified by the "name" property: https://api.daypilot.org/daypilot-scheduler-resour...
Non-reproducible problems with converting some "YYYY-MM-DD" date strings to DayPilot.Date
Answered: The following object:
{
"Global": {...},
"isKhtml": true,
"isIE": false,
"isIEQuirks": false,
"browser": {...},
"libs": {...},
"touch": {...},
"Stats": {...},
"Util": {...},
"Areas": {......
How to force Event to new row
Answered: Yes, please take a look at the following tutorial: https://code.daypilot.org/91222/javascript-scheduler-event-placement-strategies
dp.events.filter makes groupConcurrentEvents disappear
Answered: This bug should be fixed now in the latest sandbox build (2022.1.5232): https://release.daypilot.org/changes/js/ Please let me know if there is any problem.
Daypilot Event phases with custom bubbleHtml
Answered: 1. Yes, the active areas are rendered on top of the event and it covers the text. The solution here would be to render the text in a special active area that is rendered last (they are rendered in th...
How to align text centered in daypilot event?
Answered: The event content div (*_event_inner) uses "display: flex" which prevents "text-align: center" from working. You will need to use "justify-content: center;" instead. It has to be set on the inner div...
Automatically collapse child tasks
Answered: By default, the state of all Gantt chart groups is set to "expanded". You can keep the children collapsed by setting Expanded = false when loading tasks.
Vue - Accessing calendar functions
Answered: It looks like you are using the open-source Lite version which includes only a subset of features. The scrollToHour() and message() methods are only available in the Pro version at the moment. See al...
Gantt chart not showing
Answered: I recommend checking the HTTP requests using the browser developers tools, Network tab. You will see which requests fail and the responses will include an error message which may provide a hint. Most...
Scheduler: How to disable rowheadercolumn resizing?
Answered: This is a divider between row headers and the main Scheduler grid. At this moment, it is always resizable when you enable row header scrolling: https://api.daypilot.org/daypilot-scheduler-rowheadersc...