Questions Tagged how-to
Hotel Reservation winform version
Hi Do you provide plugin hotel reservation for Visual studio winform ? Thx
Cell duration when using manual time line
Hi, How do you control the cell duration (minutes) when setting scale to manual. I have the following setup scale: "manual" timeline: [ { start: "2019-11-15T06:00:00", end: "2019-11-16T00:00:00",widt...
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...
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
Have a javascript event calendar. When the user clicks on an event it fires dp.onEventClick to bring up a modal to provide further details from the event (it's read-only so no worries about writing/e...
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...
Questions 1-30 of 2191
Next