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

Questions Tagged how-to

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

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

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

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

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

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!

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

DATETIMEPICKER?

Answered: DayPilot Pro includes a Navigator component that can be used as a full-size date picker: https://aspnet.daypilot.org/demo/Calendar/Navigator.aspx or as a popup: https://aspnet.daypilot.org/demo/Calen...

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

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

How to show a page error from callback

Answered: You can pass custom data to Update() method on the server side. This data will be available in the client-side AfterRender event handler (AfterRenderJavaScript property): See also: https://doc.daypil...

Modal Dialogue - on exit, refresh an underlying page

Answered: You can reload the page by calling document.location.reload() in the onClosed event handler: var modal = new DayPilot.Modal({ onClosed: function(args) { // ... document.location.reload...

Daypilot - change start day of the week

Answered: The first day of week is determined by the Calendar locale. The default locale is "en-us" which uses Sunday as the first day of week. You can switch to one of the predefined locales (https://api.dayp...

How to run the project sample

Answered: It looks like you'll need to enable SQLite PDO driver in php.ini config file (it's not enabled by default): Windows: [PHP] ; ... extension=php_pdo_sqlite.dll ; ... Linux: [PHP] ; ... exten...

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

Float value instead of time on x-axis

Answered: The X axis will always use datetime values internally but you can map your numeric/duration values to it (add it to the StartDate as minutes or hours). You can override the time header to display the...

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

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...
Questions 1-30 of 1873 Next