Questions Tagged
Week Calendar. How to have events of arbitrary length
Answered: In the Lite (open-source) version this is not supported but in the Pro version you can set the behavior using useEventBoxes property. Please see more here: https://doc.daypilot.org/calendar/exact-eve...
EventClickHandling with JavaScript
Answered: I solved the Problem. The script was saved in the cache, so I just had to delete it. Now it works fine.
Add popover on click of event on schedule calendar (JS / Angular 2+)
Answered: Please see the following tutorial that explains how to display a bubble with custom content (defined as static HTML, dynamic HTML loaded from the server, and as an Angular component): https://code.da...
Can anybody explain me how to show bubble in daypilot calendar Angular 6+
Answered: Please see the answer here: https://forums.daypilot.org/question/4729/add-popover-on-click-of-event-on-schedule-calendar-js-angul
Add a new panel to be able to drop events to
Answered: Yes, it's been in the queue for some time already. Before it's implemented, the following approach might work: Instead of dragging the whole event, you can insert a custom element into the event that...
data changed - force rerender of event
Answered: The events.update() method is the right tool. It only reloads the event in the UI. It doesn't send anything to the server. In the server-based versions (ASP.NET MVC, ASP.NET WebForms, Java), it's pos...
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.
Database Connection
Answered: I recommend exploring the downloadable project, it's a complete implementation of the sample application, including database connection.
Drag&Drop with scrolling not working on tablet in scheduler
On a tablet (both iPad & android), when you drag an event to the bottom or top of the scheduler, the scheduler does not scroll up or down. This is working as expected on desktop but not on mobile. Th...
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 ...
Week View start date not correct in some timezones
Answered: The date calculations shouldn't be affected by the system timezone because all internal calculations are done using the UTC base of the dates. It is however affected by the format you use to specify ...
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 ...
Using font-awesome icons in the context menu
Answered: Yes, it's possible. Just use the "icon" property to specify the CSS classes:
var dp = new DayPilot.Scheduler("dp", {
// ...
contextMenu: new DayPilot.Menu({
items: [
{ text: "User ...
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...
Angular 8 ivy Error "Could not be resolved to an NgModule class"
Answered: Hi Gert, The DayPilotModule class is decorated with @NgModule (the decorators are not visible in the daypilot-angular.min.d.ts file - they get compiled to daypilot-angular.min.metadata.json). DayPilo...
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...
Show some text in the dates where event is not listed
Answered: Since version 2019.3.3907 you can use this:
dp.onBeforeCellRender = function(args) {
if (args.cell.events().length === 0) {
args.cell.html = "No event here";
}
};
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...
Please , confirm if the following link comes under lite or pro version
Answered: This is the link to the DayPilot Pro demo: https://javascript.daypilot.org/demo/ And here you can find the DayPilot Lite demo: https://javascript.daypilot.org/demo/lite/ Your link points to the Pro v...
Graphical Plan Display Issue
Answered: This is by design. Each event will be displayed as close to the top of the row as possible. If you want to make sure that the blue events are displayed at the same vertical position you'll need to ad...
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...
EndDateSpec equivalent for Month control?
Hi, I've just discovered the incredibly useful 'EndDateSpec' setting that allow dates to appear inclusive of the end date for the Scheduler. Is there an equivalent setting for the Month control?