Questions Tagged
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...
onEventResized and onEventMoved
Answered: If you want the event to be moved automatically you need to use "Update" value for the *Handling properties:
config: any = {
eventMoveHandling: "Update",
eventResizeHandling: "Update"
}
If...
Scheduler Resource Tree flat hierarchy
Hi, Is there a way for Scheduler to accept a Resource Tree in the form of a flat tree hierarchy instead of a nested hierarchy? Like this: [ { resourceID: 1, parentID: undefined }, { resourceID: 2, pa...
Event Creation
Answered: The latest version of DayPilot Lite exposes "start" and "end" variables (DayPilot.Date object). The string replacements ("{0}") are no longer applicable. You can use the following TimeRangeSelectedJa...
Calendar - area definition by Start() & End()
Answered: Petr, It's in the plan for the next release (coming in 14 days), please stay tuned!
How to disable daypilot popup
Answered: The modal popup is displayed by the default AJAX error handler (*AjaxErrorJavaScript* property):
AjaxErrorJavaScript="if (DayPilot.Modal) { new DayPilot.Modal().showHtml(args.request.responseText);...
Double events show
Answered: Can you try upgrading to the latest DayPilot Pro version? Try running the following command in the console:
npm install https://npm.daypilot.org/daypilot-pro-angular/trial/2018.1.3156.tar.gz --save...
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 ...
How to use showAfter bubble property
Hi, I'm using daypilot for web forms. How can I use showAfter property in DayPilot.Bubble. I set 2000 (ms) to test but when I hover on cell, its does not wait 2 seconds. I need configure something mo...
how to make the "DEMO" in the corner disappear
Answered: The tutorial project uses a trial version which is limited to evaluation purposes. If you decide to use it you'll need to purchase a license. The full version comes without the DEMO label: https://ja...
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...
how to show more information then just the name of the event
Answered: You can customize the event appearance (including the HTML content) using onBeforeEventRender event handler: https://doc.daypilot.org/scheduler/event-customization/ Another option is to display a cal...
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...
Is there any setting to do recurring schedule like we do in outlook
Answered: The JavaScript version of DayPilot (which includes the Angular plugin) doesn't include recurrence support. It's a client-side technology and the recurrence has to be implemented on the server side. H...
In a month calendar in Chrome, when clicking on an event the Move event is triggered and not the click event
Answered: Are you able to reproduce the problem in the online demo? https://aspnet.daypilot.org/demo/Month/ It seems to to work fine for me. It only activates event moving when I move the mouse at least a bit....
How to customize the create event dialog
Answered: Please take a look at the following tutorial: https://code.daypilot.org/29513/angular-2-scheduler-modal-dialog-for-event-editing It shows how to create a customized modal dialog for editing event det...
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...