search envelope-o feed check
Home Unanswered Active Tags New Question

Questions Tagged javascript

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

Hi, The event multiselect demo allows multiple selections to be made, but right clicking on an event brings up a context menu that operates only on the one event that's been clicked on. Eg, even thou...

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

I'm guessing this will not be possible, but is there a way to have the autoScroll always feature only for horizontal scrolling (but for both horizontal and vertical when dragging). It's a great featu...

Modifying the header row highlight style when crosshairType="Header"

Hi there, If crosshairType is configured with "Header", all row header columns are highlighted even if more than one is configured, however only the lowest column header row is highlighted (we have M...

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 ...

treeAutoExpand Option for GANTT

Answered: By default all nodes in the Gantt chart are expanded. You can override it for each node (task) by setting task.row.collapsed = true: dp.tasks.list = [ { id: 1 start: "2018-01-01T09:00:00", ...

Event Calendar hide weekends

Answered: If you'd like to display a custom number of consecutive days you can use "Days" view as described here: https://doc.daypilot.org/calendar/days-view/ It's also possible to display any combination of d...

bespoke development

Answered: Thanks Dan. In all honesty, it would still be over my head! Obviously, I'd like to licence your code, but would anyone else be interested in helping me adapt it to our specific needs? Thanks

Change the color of the event

Answered: If "events" holds an array of DayPilot.Event objects you need to change the background color like this: // ... evt.data.backColor = 'Gray'; // ... instead of // ... evt.backColor = 'Gray'; ...

How can i translate days into another language

Answered: Please take a look at the Localization topic in the documentation: https://doc.daypilot.org/month/localization/ You can use one of the predefined locales or you can define your own. In addition to sw...

Cannot export or print schedule [AngularJS]

Answered: Update: The latest sandbox build (8.4.3098) accepts string, number and null (null was added in this build). The exception text now includes the value type. https://javascript.daypilot.org/sandbox/ Pl...

Event start end problem

Answered: By default DayPilot works with exact date/time points, i.e. an event with end specified as "2017-10-06T00:00:00" will end at the beginning of October 6, 2017 (midnight). There is an option to change ...

Exact timerange selection when useEventBoxes is set to never.

Answered: In addition to useEventBoxes which affect the display of existing events there is also snap-to-grid feature which affects drag and drop: https://doc.daypilot.org/scheduler/snap-to-grid/ Unfortunately...

Moving all events from once resource to another

Answered: You can get a list of all events for a given row using DayPilot.Row.events.all(): var events = dp.rows.find("A").events.all(); Then change the "resource" value for all of them and call update: ...
Questions 1-30 of 632 Next