Questions Tagged how-to
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.
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...
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...
Scheduler timeline order
Answered: Unfortunately, a reversed timeline 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...
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...
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...
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/
DayPilot HTML5 Scheduler - Filter Row (dp.onRowFilter) Conflict
Answered: In that case you need to extend the filter object to include both parameters. Let's have this filter form (HTML):
<div class="space">
Filter: <input id="filter" /> <a href="#" id="clear">Clear...
n.movingShadow.calendar is null
When I use the DayPilot.Scheduler.onEventMove function with the args.async option and the Ajax response fails (server error) there is an issue with an other move action "n.movingShadow.calendar is nu...
Loading calendar of other user
Answered: It's possible to access a shared calendar like this: https://stackoverflow.com/questions/41095971/how-do-i-access-a-shared-calendar-using-ews-managed-api/41096736
Filter by Group
Answered: Yes, this is possible:
dp.onRowFilter = function(args) {
if (args.row.name.toUpperCase().indexOf(args.filter.toUpperCase()) === -1) {
args.visible = false;
}
var parent = ar...
get all events from resource calendar
Answered: It's now available in the latest sandbox build (2019.4.4058): https://javascript.daypilot.org/sandbox/ Example:
var col = dp.columns.find("2019-10-07"); // DayPilot.Column object
var events = col...
change doctor name and add doctor
Answered: Management of the doctors is not included in the project - in order to keep it simple. 1. You can add traditional form-based web interface to edit the doctors table. 2. You can extend the manager's i...
Is it possible to make paging in DayPilot scheduler
Answered: There are two options: 1. You can limit the current view using StartDate and Days properties and switch to the next/previous "page" using custom buttons: https://doc.daypilot.org/scheduler/next-and-p...
Snap off the grid
Answered: The real-time onTimeRangeSelecting/onEventMoving/onEventResizing event handlers let you adjust the start/end of the current drag&drop target according to your needs. These events can be used to snap ...
How to configure the API key
Answered: You need to activate the React package in the customer area (https://www.daypilot.org/customers/). You'll be able to get a npm installation link there as well.
Change width of drag handler when moving rows
Answered: The drag handle width can be set now using rowDragHandleWidth property (since build 2019.3.4044). The default value is 10 (pixels). It will be included in the next official release which is scheduled...
Keep menu item open on click when it has child items
Answered: The behavior is now updated in the latest sandbox build (2019.3.4049) - clicking an item with children will not close the context menu anymore.
Update Navigator Visible Month
Answered: It should work automatically this way. If the new date is outside of the currently visible range it will switch to the target month. Maybe this is an edge case - would you be able to create an exampl...
How do I can drag and prop some react component on the scheduler ?
Answered: There is now a new tutorial available that shows how to drag external items to the Scheduler in React: https://code.daypilot.org/85690/react-scheduler-external-drag-and-drop
DP Scheduler: Hiding versions using onBeforeEventRender
I'm using onBeforeEventRender to modify underlying event data before it is rendered. Everything is working correctly except for this... While I can modify the data surrounding versions, the version i...
is there a way to update/refresh/re-render a single cell based on the resource id and date ?
Answered: By default, cell properties customized using onBeforeCellRender are cached until a full update(). 1. If your cell content depends on the overlapping events you can simply turn the caching off:
dp.b...
warm-up and cool-down on Resource Calendar
Answered: The Calendar component now supports area.start and area.end properties for event active areas. These date/time values will be used to calculate the vertical position. It's available since version 201...