All Questions

Hide RowHeaderColumns

Answered: Generally, if you want to change the Scheduler appearance, simply change the config as needed (i.e. remove the item from the array in this case) and call update(). This applies to row header column, ...

How to hide the X (Delete) Button on an Event

Answered: You can use deleteDisabled property to disable the delete icon for selected events. You can add it to the raw event data object on the server side or you can set it using onBeforeEventRender: dp.onBe...

How to combine filter by events with filter by rows

Answered: The latest sandbox build now extends the filtering API (both events and rows) so it doesn't force an update during the filter() call. Both methods have been extended with a second parameter (dontUpda...

Moving an event between schedulers reset the start time

Answered: This is a limitation of the current implementation. The event dragged from another Scheduler instance is treated like an event dragged from an external source (it only specifies duration, there is no...

Overflow of text in all day events

Answered: There was a bug in the default CSS theme that caused the text to overflow. It's now fixed in the latest sandbox build (2018.3.3356): https://javascript.daypilot.org/sandbox/ You can also generate a c...

Using Bootstrap modal instead of DayPilot Modal

Answered: Yes, this is no problem. The DayPilot Modal is just an optional helper. This example shows how you can use DayPilot.Modal to ask for description when creating a new event: onTimeRangeSelected: functi...

onClick should be onclick....

Answered: Just a quick background explanation: The "onclick" event has been replaced by "onClick" in version 8.3.2617: https://javascript.daypilot.org/daypilot-pro-for-javascript-8-3-sp6/ The new onClick event...

example not working

Answered: Please note that this example uses a context menu to item to split the event. The context menu is activated on right click (which seems to work fine).

How to add css class to separator?

Answered: The latest sandbox build now supports "cssClass" property for separators. Also, the separator divs are marked with "*_separator" CSS class (e.g. "scheduler_default_separator" for the default theme).

How can we get height of the event

Hi, I want to implement functionality that, In the events i am adding the users by adding active areas, But if suppose it goes beyond the height of actual event height then i need to show more info i...

Drag and Drop on Surface Edge

Answered: The touch features are not fully supported in Edge at this moment. However, it's in the works and it will appear in one of the coming releases.

Change Back Color on Event Move

Answered: Most likely, the problem is that you are using EventMoveHandling="Notify". When using the Notify event handling mode the events are not reloaded from the server side unless you call DayPilotScheduler...

Custom data for Resources

Answered: The MVC version is designed to customize the rows on the server side (using DataItem and OnBeforeResHeaderRender) and at this moment there is no way to pass custom data to the client side.

Business hours and minutes

Answered: 1. You can define the "business" status for each cell using onBeforeCellRender event handler: https://doc.daypilot.org/scheduler/cell-customization/ This affects the cell appearance (.scheduler_defau...

Text on duration bar

Answered: 1. You need to increase the height of the duration bar. The height is defined using CSS and you need to override the default style. It's defined using two elements, .scheduler_default_bar and .schedu...

How To Print Scheduler With Angular 4+

Answered: There are two options: 1. You can print the exported image (SVG format works best because it's scalable). This command exports the Scheduler as SVG and open the browser print image: this.scheduler.co...

Display Resources on a time range

Answered: If you are switching the date using an .update() call you can simply update the resources array ( https://api.daypilot.org/daypilot-scheduler-resources/ ) at the same time. It might be also possible ...

Select multiple events from code

Answered: Unfortunately, the Lite edition doesn't support event selecting. In the Pro version, you can select the events using SelectedEvents list (in the Scheduler). It's a list of simplified EventInfo object...