Questions Tagged javascript
Undefined, Events Do not load on Mobile IOS Android
I've tried the example code at https://code.daypilot.org/84763/html5-scheduler-for-touch-devices-ipad-android-php-javascript It works perfectly on desktop, however on IOS and Android (regardless of m...
How to remove orange rectangle with text "DEMO" from month view of daypilot?
Answered: It looks like you have used DayPilot Pro (the paid version) in your project. 1. You can use DayPilot Lite (open-source) instead - but it doesn't include all Pro features: https://javascript.daypilot....
How to set Cells/Columns in View vs. Scroll
Answered: By default the Scheduler width is set to 100% - that means it will change for different browser window widths. The auto cell width mode (https://doc.daypilot.org/scheduler/auto-cell-width/) calculate...
General questions
Answered: 1. No, this project includes a trial version of DayPilot Pro and is limited to testing and evaluation purposes, for 60 days. You need a DayPilot Pro for JavaScript license to use it in production (ht...
Scheduler hangs when drag/drop event from one scheduler instance to the next with autoScroll set to Drag
Answered: Thanks for the update! It turned out that there was a bug in onScroll() call. It's fixed now in the latest build (2018.1.3185) - please let me know if the problem persists. The development builds are...
Non-passive event listener
Answered: Please see the following docs topic for Scheduler scrolling performance tuning options: https://doc.daypilot.org/scheduler/scrolling-performance/ It's necessary to keep the total DOM size as small as...
Getting error while building angular app after installing daypilot package
Answered: DayPilot 2018.1.3169 is fully compatible with Angular 5. I've just tried to create a new Angular 5 project (@angular/core version 5.2.5) using Angular CLI 1.5 and Angular 1.7 - both seem to work fine...
Daypilot C# Get Selected Day
Hi, I am building a master rota using Daypilot. I only care about Monday -Sunday. I don't care about DATES, just DAYS. E.G a shift created on a Monday between 2-4 will be there every Monday between 2...
Scheduler right click context menu for multiple event selections
Answered: You can get a list of selected events using DayPilot.Scheduler.multiselect.events() method: https://api.daypilot.org/daypilot-scheduler-multiselect-events/ You can call this method in the onClick eve...
Change/Offset the visible date while selecting dates in scheduler
Answered: Please take a look at eventEndSpec property: https://doc.daypilot.org/scheduler/event-end-date-time/ You can also customize the tooltip HTML directly using onTimeRangeSelecting event handler (args.ri...
setScrollY in event scheduler jquery
Answered: The initial scrollbar position is set to the hour of day defined using businessBeginsHour. You can also set a custom position using scrollToHour() method: https://api.daypilot.org/daypilot-calendar-s...
How can i extract data from application
Answered: The Tennis court tutorial (https://code.daypilot.org/11478/html5-tennis-court-reservation-php-javascript) stores the data in a SQLite database that is created automatically when you start the applica...
Schedular selected event backcolor
Answered: The Scheduler will apply "scheduler_default_selected" CSS class to the selected event (for the default theme). The default CSS looks like this:
.scheduler_default_selected .scheduler_default_event_...
Vertical movement of event does show event during moving on timesheet
I have an angular5-app, based on your demos, and switched to the viewtype="Days". Event-Moving is working, however, during the move the event is not shown. Here my config: config: any = { locale: "de...
Angular 4+, onRectangleEventSelect
Hi Is it possible to have onRectangleEventSelect + multiSelectRectangle: 'Row' and do selections on events instead of selections snapping to cellDuration, I noticed that when using "Free" selections ...
Event calendar
Answered: Maybe just a typo, it should be "locale":
dp.locale = "fi-fi";
See also: https://api.daypilot.org/daypilot-calendar-locale/
Event handling method
Answered: You can define the event handlers directly on the DayPilot.Scheduler object (which is available as DayPilotComponent.control). Just note that DayPilotComponent.control is not available before AfterVi...
makeDraggable() remove
Hello, I need some help makeDraggable(). I want to drop an external item on a picture(trashcan) to remove the item and trigger a function. What is the bestpractice. function makeDraggable() { var par...
changing court name
Answered: At this moment the tutorial project doesn't include the user interface to change the court names. You'd have to add it or you can also modify the database directly. The sample SQLite database is gene...
Remove Shadow in Drag and Drop
Answered: Sorry for the delay! What exactly do you mean by the "shadow"? Is that the semi-transparent div that indicates the target position during drag and drop? You can modify the appearance using CSS (creat...
exportAs exports the html attribute instead of name.
Answered: Found the eventhandler... https://api.daypilot.org/daypilot-scheduler-onbeforerowheaderexport/ I would delete this post if I was able to :-) Thanks for making DayPilot great!
DayPilot.request broken after update
Answered: This happens because the "args" object has been extended with new properties (including a reference to DayPilot.Scheduler instance) and it can't be serialized using JSON.stringify() anymore. It's nec...
Print scheduler
Answered: Please note that HTML is not supported during image export: https://doc.daypilot.org/scheduler/client-side-export/ You can supply alternative text using onBeforeCellExport event (args.text): https://...
autoScroll = "Always" for horizontal scroll only
Answered: Unfortunately this scenario is not supported at the moment.
Modifying the header row highlight style when crosshairType="Header"
Answered: You can change the crosshair appearance using CSS. The default built-in theme ("scheduler_default") uses the following CSS:
.scheduler_default_crosshair_vertical, .scheduler_default_crosshair_horiz...
Create Event with popup-menu
How can I create an event by drag an area -> popup menu "Create Event" (like the one that pops up on right-click) -> Select = new event? Regards, Kim
Drag Drop not working in safari
Answered: Is that the Windows version of Safari from 2012? Unfortunately that version is no longer supported by Apple and we don't support it either.
TimeRangeDoubleClick not working
Answered: Time range double click is disabled by default. You need to enable it first using timeRangeDoubleClickHandling property: https://doc.daypilot.org/scheduler/time-range-double-click/ Let me know if it ...