Questions Tagged javascript

Answered: What version of DayPilot Pro are you using? Disabled cells prevent all drag and drop operations, as you can see here: https://javascript.daypilot.org/demo/scheduler/cellsdisabled.html

Answered: You can disable this behavior using floatingEvents property: dp.floatingEvents = false; See also: https://doc.daypilot.org/scheduler/floating-events/

Answered: Unfortunately, automatic time zone handling is not supported at the moment. This is a desirable feature but it's not trivial and it's in the research phase now. I can't promise any delivery date at t...

Answered: Sometimes, it can happen that the TypeScript definitions are missing a declaration of a specific member, especially if it has been added recently. Your examples: 1. commandCallBack() method is specif...

Answered: Thanks for the quick reply! Looking over our config, found what was wrong. We put rowHeaderColumns: {width: 120} instead of rowHeaderWidth: 120. Works fine now!

Answered: At this moment Angular templates are not supported in active area HTML. However, a solution is in the works and it will be available within a couple of weeks.

Answered: Unfortunately, a footer is not supported in the Calendar at the moment. The only option is to create a separate table with matching columns below the component.

Answered: With the direct print() method you only have limited control over the result (the browser will simply print the exported image). I recommend exporting the Scheduler to PDF, this way you can specify h...

Answered: This was a bug which is now fixed in the latest sandbox build (2018.3.3388). You can test it and download the latest build here: https://javascript.daypilot.org/sandbox/calendar/daysresources.html Le...

Answered: Hi Martin, If this only affects short events, I'd recommend reviewing the useEventBoxes property: https://doc.daypilot.org/scheduler/exact-event-duration/ https://api.daypilot.org/daypilot-scheduler-...

Answered: You can get the sandbox NPM link here: https://npm.daypilot.org/

Answered: You can use visibleStart() and visibleEnd() methods: https://api.daypilot.org/daypilot-navigator-visiblestart/ https://api.daypilot.org/daypilot-navigator-visibleend/ Just note that both methods retu...

Answered: Thanks for reporting the issue. The forRange() method is now added to the TypeScript definitions in the latest sandbox build (2018.3.3385).

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

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

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

Answered: Hi Thomas, Yes, that's possible. Just use: dp.eventArrangement = "SideBySide": See also: https://doc.daypilot.org/calendar/event-arrangement-mode/

Answered: Hi Dan Thank you so much for your help. I upgraded to the latest stable version 2018.3.3353 and now it works without any issue... PS: I noticed that I can't install the sandbox version as pro version...

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

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

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

Answered: I'm not sure if this is what you are looking for but you can show a tooltip during time range selecting that will display the start and end of the selection (or any other text, it's fully customizabl...

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

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

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