Active Questions
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...
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...
How set the scale resp. the zoom automatically on the number of days
Answered: The built-in zoom system (see the tutorial at https://code.daypilot.org/32893/javascript-scheduler-zoom) lets you specify the values either statically or using a function. If you use a function you w...
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...
How to let the grid occupy the white empty space a the bottom
Answered: You can set custom row height using minHeight property (https://api.daypilot.org/daypilot-scheduler-resources/). However, it doesn't calculate the value automatically. In order to avoid the white spa...
Setting rowHeaderWidthAutoFit to true doesn't work if rowHeaderColumns ist set
Answered: The width auto-fit feature works with row header columns as well, but the width is calculated for the content cells (not for the column titles).
want to create 'html5-hotel-room-booking-react-node-mongo'
Answered: To learn how to use the Scheduler component with Node.js please see the following tutorial: https://code.daypilot.org/95340/react-activity-planning-system-node-express-postgresql Also, please note th...
Need html5-hotel-room-booking-javascript-php in react version
Answered: To learn how to use the React Scheduler component please see the following tutorial: https://code.daypilot.org/77607/react-scheduler-tutorial The React version of the hotel tutorial is not available ...
Is it possible to create a calendar with 6 month views
Answered: Unfortunately, this kind of view is not available at the moment.
How to add a database and script to handle public holidays.
Answered: There is a tutorial available that shows how to display holidays (by setting a custom scheduler cell background color): https://code.daypilot.org/93068/javascript-scheduler-displaying-holidays I beli...
How to display child resources in modal form list
Answered: The HTML5 Scheduler tutorial (https://code.daypilot.org/87166/html5-scheduler) uses a flatten() function which does essentially the same that you are doing:
function flatten(resources, result) {
...
box.html in group mode
Answered: Unfortunately, it's not possible to change the task group inner HTML in ASP.NET.
ScrollTo
Answered: scrollTo() is a client-side method and it can only be used on the client side, in JavaScript: https://api.daypilot.org/daypilot-scheduler-scrollto/
Hourly range covering two consecutive days
Answered: OK, thanks for the update. In the Scheduler, there are two ways to achieve that: 1. You can define the timeline manually by adding individual cells: https://doc.daypilot.org/scheduler/timeline/ 2. Yo...
Event text displaying
Answered: You can make the text smaller using CSS but this will not ensure that every possible text will be displayed in full. I recommend using the bubble component which can display additional details using ...
Facing full screen mode issue on Scheduler timeline.
Answered: When the content doesn't fill the whole space vertically, the Scheduler displays an empty space. I see that you are using a custom CSS theme - you'll need to update it so the space below the content ...
Strange behaviour when navigating using keyboard API after entering inline editing mode
Answered: Thanks for the sample project. This issue should be fixed now in the latest sandbox build (2022.1.5180): https://release.daypilot.org/changes/js/ In the latest release, you can work around the issue ...
Custom CSS class for a resource
Answered: You can use onBeforeRowHeaderRender event handler to add a custom CSS class: https://doc.daypilot.org/scheduler/row-header-customization/ Example: JavaScript
dp.onBeforeRowHeaderRender = function(a...
Binding Jquery datatable with vue scheduler
Answered: It is possible to activate any DOM element as draggable to the Scheduler. If you have access to the row items in the jquery datatable then you can using DayPilot.Scheduler.makeDraggable() method to a...
Displaying Group Availability
Answered: This issue has been fixed in version 2020.3.4547: https://javascript.daypilot.org/daypilot-pro-for-javascript-2020-3-4547/ I recommend switching to the latest version though - which is now 2022.1.518...