All Questions
How can i set Day-pilot start and end hours as 8am to 8pm ?
Answered: You can use dayBeginsHour and dayEndsHour properties, please see an example here: https://doc.daypilot.org/calendar/overnight-scheduling/
Angular Gantt Chart replace onrowcreate with button
Answered: You can use your own button and add a new record to config.tasks property (Angular will detect the change) or you can use the direct API tasks.add() method: https://api.daypilot.org/daypilot-gantt-ta...
Hotel Reservation winform version
Answered: Unfortunately, DayPilot is an JavaScript/HTML5 component and it only works in a browser.
Cell duration when using manual time line
Answered: Unfortunately it's not possible to use custom grouping of the time headers. Only the predefined values are available (see https://doc.daypilot.org/scheduler/time-header-groups/). If you want to show ...
JSX support for corner html in react
Answered: The same mechanism (onBefore*DomAdd event) is supported for event and time header cells as well. Please see the following tutorials: Rendering JSX in events: https://code.daypilot.org/50584/react-sch...
How to combine this with the HTML5 Room Booking system
Answered: Hi Jorma, You'll need to add a new field to the database (if you don't have one that holds the information already). Then you need to add it to the JSON output in backend_events.php:
// ...
foreac...
Manual timeline starting from hour, minute etc misaligns with cells
Answered: The time headers follow the "groupBy" specification. If you use groupBy: "Day" the time headers cells with start at 00:00 and end at 24:00 (00:00 the next day). In this case, it doesn't depend on the...
Setting start time for the scheduler
Answered: The Scheduler always uses the date part of the startDate to calculate the timeline. 1. If you use scale units smaller than 1 day you can hide selected time cells using onIncludeTimeCell event handler...
How can I add full calendar to Spring Boot MVC (Gradle) and Hibernate
Answered: You can take a look at this example that uses DayPilot Pro: https://code.daypilot.org/41760/using-javascript-html5-event-calendar-in-spring-boot-java The Maven config used in this project is very bas...
Javascript Event Calendar Modal Update
Answered: You can simply use JavaScript/jQuery to modify the page content. If needed, you can call stretch() to update the modal dimensions to fit the content: https://api.daypilot.org/daypilot-modal-stretch/ ...
Use Postgres
Answered: Solved! The statement I wrote in the original question is correct. The issue was the SQL syntax. I did not use the right syntax for postgres, which is a bit different from SQLite of MySQL.
React scheduler executes something despite props not being updated
Answered: Unless something significant has changed in React with the introduction of state hooks, it works like this: React uses a single immutable state object to store the state items. Whenever you change an...
Setting custom html for time header in react
Answered: You can insert a React component using onBeforeTimeHeaderDomAdd:
onBeforeTimeHeaderDomAdd: args => { args.element = <jsx>; }
See also a related tutorial (on rendering JSX components in row heade...
Date.firstDayOfWeek doest take any arguments according to typescript daypilot-react.min.d.ts
Answered: This should be fixed now in the latest sandbox build (2019.4.4095).
How to optimize configuration for progressive event rendering
Answered: To clear the events out of the viewport you'll need to enable cache sweeping using dynamicEventRenderingCacheSweepiing: https://api.daypilot.org/daypilot-scheduler-dynamiceventrenderingcachesweeping/...
Tutorial for Asp.Net Core
Answered: There is a tutorial that shows how to use the Pro version in an ASP.NET Core application: https://code.daypilot.org/31735/javascript-weekly-calendar-asp-net-core This project will work with the Lite ...
How to change time header in calendar, I would like to show resources in the header and days on the y-axis
Answered: This is in the plan but unfortunately it's not available yet. At this moment, the Calendar can only show up to 24 hours on the vertical axis.
Passing multiple items to tags object javascript/php/exhange
Had some coding that I had done about 9 months ago that kind of got put to the side, what was completed was working fine. Now trying to add to the code and running into a bit of a wall, I see now tha...
resource calendar
Answered: You can disable selected grid cells to make them unavailable for drag and drop operations: https://doc.daypilot.org/scheduler/disabled-cells/ See also the following tutorial that shows how to define ...
Scheduler timeline order
Answered: Unfortunately, a reversed timeline is not supported at the moment.
Add arrow to floating event label when event started before scheduler view-port
Answered: Hi Steve, Such events are marked with "scheduler_default_event_continueleft" (those starting before startDate) and "scheduler_default_event_continueright" (those ending after startDate + days). In th...
HTML5 Event Calendar Component Support Persian calendar
Answered: Unfortunately, the Persian calendar is not supported at the moment.
How to access BeforeEventRenderArgs in MVC
I do not see BeforeEventRenderArgs in the object browser, so can not use sample code in https://doc.daypilot.org/calendar/event-customization/ I have the following using statement "using DayPilot.Web...
Blazor Version?
Answered: We're playing with the technology to see how it could be used to improve DayPilot. At this moment, I recommend using the JavaScript version for ASP.NET Core: https://javascript.daypilot.org/ There ar...
Auto Refresh Timer
Is it possible to show how long is left on the auto refresh timer. If so, can you customise it to show Green numbers = more than 10 secs remaining Red numbers = less than 10 secs remaining. If not, i...
Looking for a way to update the viewport without having to scroll after render in DayPilot Scheduler
Answered: You can take a look at the following tutorial: https://code.daypilot.org/12302/angular-scheduler-zoom It's an Angular sample that uses the built-in Scheduler zoom support which retains the scrollbar ...
What happens on onEventClick
Answered: The args object of onEventClick event handler stores a number of parameters that are read from the click event handler (such as the ctrl/shift key status). Unfortunately, the onClick handler of the c...
Bubble is positioned incorrectly (Angular 2+)
Hi I added dynamic tooltip in daypilot event calendar but the popover is seems to be misplaced. Please have a look at screenshot attached
DayPilot HTML5 Scheduler - Show Only Empty rooms
Answered: Hi Sharon, This is a bit more complex scenario that can't be implemented using a simple snippet. Please take a look at the following tutorial: https://code.daypilot.org/76399/javascript-html5-schedul...
daypilot-pro-vue
Answered: You can get the NPM installation command from http://npm.daypilot.org. Just select "Vue" and "NPM" in the toolbar: https://npm.daypilot.org/