Questions Tagged how-to
change tag
Answered: You can find the event using events.find() method: https://api.daypilot.org/daypilot-scheduler-events-find/ The original data object is accessible as e.data, so the tags can be accessed as e.data.tag...
Event Links show bubbleHTML on hoverOver on arrow part
Answered: Unfortunately, the bubble for event links is not implemented at the moment.
Limit Event Moving calendar event
Answered: You can mark the cells in the past as "disabled" which will prevent drag and drop operations: https://doc.daypilot.org/calendar/disabled-cells/ See also the following tutorial (JavaScript): https://c...
Submitting a Form with event data
Answered: Normally, you only use forms when editing details of a single event using a modal dialog or in a standalone page. When working with the Scheduler, every change is usually submitted immediately using ...
How to show popover on click of event in daypilot calendar
Answered: DayPilot includes a built-in callout named "bubble". See more here: https://doc.daypilot.org/calendar/event-bubble/ You can map it to event click action by setting eventClickHandling config property ...
Event double click
Answered: For the double click you should use:
eventDoubleClickHandling: "Enabled",
onEventDoubleClick: function(args) {
// open modal here, event details are in args.e
}
The context menu item should ...
Null Exception on DataItem when setting StartDate
Answered: Hi Scott, The e.DataItem property is only initialized if you call DataBind(). Calling DataBind() is not necessary during callbacks/postbacks because the events are reloaded from the ViewState. Howeve...
Event moving customization when multi-moving
Answered: Unfortunately, customization of the additional events that are moved during multi-moving is not possible at the moment. It's in the queue but I'm not able to provide the availability date now.
PDF Export Tutorial missing definition of SetDataSourceAndBind and SetExportProperties
Answered: The tutorial text is now updated to include these methods as well: https://code.daypilot.org/69614/scheduler-pdf-export-asp-net-c-vb-sql-server You can also find it in the downloadable project - that...
Dynamic Right click menu content
Answered: There are two options: 1. You can set the context menu using "contextMenu" property in onBeforeEventRender:
var menu1 = new DayPilot.Menu({ ... });
var menu2 = new DayPilot.Menu({ ... });
// .....
How to change opacity of the backcolor of the event?
Answered: You can add a custom CSS class to the event using cssClass property of the data object:
// e is the DayPilot.Event object
// dp is the DayPilot.Scheduler object
e.data.cssClass = "semi-transparen...
How to drop event on external control
Answered: Unfortunately, a custom external drop target is not supported at the moment. However, it is possible to drag events between to Scheduler instances. It would be possible to create a simplified instanc...
Moving "Endless" events : How to keep up the e.end = NULL ?
Answered: The Scheduler requires both the start and end dates of the event to be set. An empty value will be replaced by new DayPilot.Date() instance which represents the current time. In your case, it might b...
Adding A checkbox
Answered: You can customize the event content using BeforeEventRender event handler (you can use it to customize the HTML, CSS class and other properties): https://doc.daypilot.org/scheduler/event-customizatio...
Sorting the Column Headers in Javascript
Answered: The new implementation is now available. Please see the following tutorial that shows how to sort the Scheduler rows by column data: https://code.daypilot.org/78411/javascript-scheduler-row-sorting-t...
NG7 - scheduler (zoom example): undefined "args" in .config ?!
Answered: It looks like if you set startDate using a string (not DayPilot.Date) in the config you may receive it in args.date unconverted. It's fixed now in the latest sandbox build (2019.2.3893). In previous ...
Cell background color change
Answered: You can control the grid cell background color using BeforeCellRender event: https://doc.daypilot.org/scheduler/cell-customization/ However, for displaying dynamic data it might be better to use even...
Where to put Custom CSS files
Answered: When styling the Navigator (or any other component) there are two options: 1. Use a custom theme. You can create a theme using the online theme designer (https://themes.daypilot.org/) or you can buil...
How to use password for event creation ,resizing and moving
Answered: The preventDefault() method needs to be called in the main context (before the onEventResize handler exits). You are calling it in the callback method which is called later and it has no effect. The ...
Calendar - List of all Events
Answered: The latest sandbox build (2019.2.3891) now supports DayPilot.Calendar.events.forRange(start, end) method. It will return events from the specified range.
var selectedEvents = dp.events.forRange("20...
Using Daypilot Calendar with RequireJS
Hi, We use RequireJS for bundling so we'd like to know how to go about doing this specifically for the calendar. We're using the lite daypilot-calendar-src.js source file, which looks like it makes u...
Navigator startDate
Answered: In order to show the previous and current months you can use the following config:
var nav = new DayPilot.Navigator("nav");
nav.startDate = DayPilot.Date.today().addMonths(-1);
nav.showMonths = 2...
Scheduler Grid HTML File
Answered: The Scheduler grid can be customized using the API, such as onBeforeCellRender event handler (see https://doc.daypilot.org/scheduler/cell-customization/). The full version includes unminified source ...
scroll wheel vs. touch
Answered: There was an issue with the row headers. There was an extra space below the rows that allowed scrolling to an invalid position. This extra space is only required on desktop to make space for the scro...
Drag and Drop an item from external windows forms to DayPilot Scheduler
Answered: Hi Vane, It's now possible to drag external items (including files from desktop and items from other applications) to the Scheduler cells using the native HTML5 drag and drop API. Please see the foll...
the status and the user's name in the Edit appointment slot doesn't appear!
please i need help, the modal 'Edit appointment slot' works well just the status and the name and the button 'save' :/ i dunno why? and also i wanna ask about the documentation they said: "As soon as...
How-To add some color to Calendar....
FYI- The Text for the Calendar control takes HTML... So, if you want some color to differentiate you can do something like... SELECT tblStudyTasks.study_task_id, task_start, task_end, CASE WHEN COUNT...
Navigator vs. Calendar week shown in week-view
Answered: Mike, Thanks for the update! After checking the implementation it turned out that the Calendar used hardcoded Monday as the first day of week instead of reading the locale. It should be fixed now in ...
Event filtering and row filtering
Hi Team, Can you help me in achieving event filtering and row filtering in asp.net webform scheduler? Please share the sample code or relevant information. thanks
Navigator past months / block future dates
Answered: Yes, this is possible. You can hook the onTimeRangeSelect event handler and forbid navigating to the selected dates. Please see the following tutorial: https://code.daypilot.org/88013/javascript-cale...