Active Questions
Use keyboard with daypilot angular
Answered: The Scheduler attaches "keyup" and "keydown" event handlers to the document element if you enable keyboard support using "keyboardEnabled: true". It uses the document object as the event target (you ...
Scheduler - Changing the margin for certain events
Answered: Unfortunately, this is not supported at the moment. You can change it using CSS by overriding (increasing) the left/right/top/bottom properties of the inner div (marked with "scheduler_default_event_...
How to change text in active area.
Answered: It is not possible to change the text of an existing active area using the Scheduler API. The Scheduler is built on a "refresh" model - you need to update the state first and then request an update t...
Area ResizeStart, ResizeEnd, Move actions no longer work on the event calendar for touch devices.
Answered: This should be fixed now in the latest sandbox build (2022.2.5463): https://release.daypilot.org/changes/js/ Thanks for reporting the issue!
Start drag and drop programatically (Scheduler)
Answered: That is not possible but you can activate any element to be draggable to the Scheduler using DayPilot.Scheduler.makeDraggable(): https://api.daypilot.org/daypilot-scheduler-makedraggable/
Confirm pop up on calendar
Answered: The onValidate event handler can't be asynchronous. Every change of "args" made after the "await" call in validateDateRequired() method will be ignored. If there are values which you allow but requir...
Can't build Angular 11 project after install paid version library.
Answered: Angular 11 is EOL (see https://angular.io/guide/releases) and since version 2022.2.5332, DayPilot only supports Angular 12+: https://javascript.daypilot.org/daypilot-pro-for-javascript-2022-2-5332/ T...
Scheduler - How to use linear-gradient() in event's backColor property
Answered: You can set the gradient using the "backColor" property. See also: https://api.daypilot.org/daypilot-event-data/ This example uses DayPilot.ColorUtil.lighter() and DayPilot.ColorUtil.darker() helpers...
Gantt Chart - the html(img) is not rendering on the gantt view.
Answered: I recommend checking the DOM element using browser developer tools. If you see a broken image icon, the image path may be incorrect.
Conditional drags crashes scheduler
Answered: There are a couple of issues with this example: 1. If you set args.async = true, you must call args.loaded() in every code path. Otherwise the dragging operation will remain active. The first "if" bl...
Need supported version
Answered: DayPilot Pro for ASP.NET WebForms version 8.0.3413 is from 2015 and it is not supported anymore.
Scheduler Event Overlap per Resource
Answered: This is a global setting but you can implement custom rules using the real-time drag and drop events: https://api.daypilot.org/daypilot-scheduler-oneventmoving/ https://api.daypilot.org/daypilot-sche...
Scheduler - How to position event's areas to lower right corner
Answered: You can do it like this:
{
visibility: "Visible",
bottom: 0,
right: 0,
width: 0,
height: 0,
style: "border-bottom: 6px solid #006600; border-left: 6px solid transparent;"
}
Scheduler - How to get current cell width when cellWidthSpec is set to "Auto"
Answered: The calculated value is stored in cellWidth: https://api.daypilot.org/daypilot-scheduler-cellwidth/
Scheduler - How to show bubble for active area
Answered: This seems to be fine and a static version of your sample works well in my tests:
dp.events.list = [
{
id: DayPilot.guid(),
text: '',
resource: "frozen1",
s...
Scheduler - How to change the width of the last resource's column
Answered: This is fixed now in the latest sandbox build (2022.4.5455): 1. The splitter for the last column is accessible. 2. Resizing columns when the outer width is set to the max updates the outer width auto...
Columns for groups not working
Answered: The Scheduler component introduced a new configuration property (rowHeaderColumnsMergeParents) and the Gantt chart inherited the default value: https://api.daypilot.org/daypilot-scheduler-rowheaderco...
Events with rounded corners (border-radius)
Answered: It is not possible to set border-radius using a special property at the moment. However, you can can use cssClass to set multiple classes (separated by space).
Search task in Gantt Chart View.
Answered: Task filtering is now available in the latest sandbox build (since version 2022.4.5449): https://doc.daypilot.org/gantt/row-filtering/
Floating event feature is not working
Answered: I recommend using the browser devtools to check the DOM structure. If an event is partially hidden (outside of the current viewport), the Scheduler adds a special <div> element with "scheduler_defaul...