Questions Tagged javascript
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...
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.
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/
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...
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...
Weekday header on calendar not resizing
Answered: The DOM structure of the Calendar has changed in 2019.2.3880 (https://javascript.daypilot.org/daypilot-pro-for-javascript-2019-2-3880/) in order to support browser zoom levels. That requires the head...
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...
db not working
Answered: The database will be created and initialized automatically - see also the _db_mysql.php script for details. Just make sure that _db.php points to the mysql backend (and not sqlite). Also, check that ...
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...
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...