Questions Tagged
Scheduler - onTimeRangeRightClick not fired on frozen rows
Answered: This should be fixed now in the latest sandbox build (2022.4.5471): https://release.daypilot.org/changes/js/
Scheduler: consecutive events appear as overlapping with high zoom level
Answered: In some cases this can happen. It's a result of the following logic: 1. The Scheduler enforces a minimum event with of 1px. 2. The overlaps are resolved on pixel level. These rules are necessary to e...
How I can Update events coming from api response..?
Answered: You need to get a reference to the DayPilot.Month object (using "ref" attribute) and call its update() method to display the events. You can find an example here (see the "How to load calendar event ...
get all the months in a year
Answered: The date picker component can be configured to display multiple months: https://doc.daypilot.org/navigator/months/ They can be arranged vertically or horizontally: https://doc.daypilot.org/navigator/...
Show event bubble in Queue?
Answered: Event bubbles are now supported in the Queue component in the latest sandbox build (2022.4.5467): https://release.daypilot.org/changes/js/ You can use the standard API: https://api.daypilot.org/daypi...
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 ...
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...
Scheduler - Frozen row not on the top layer
Answered: I recommend checking your custom CSS theme: If you define z-index for the event boxes, they will appear on top of everything. The Scheduler doesn't use z-index for any element.
How we can Update events coming from api response
Answered: I recommend checking the data that comes from the API endpoint - there might be a problem with the format (most likely the "start" or "end" properties).
Scheduler - Is it possible to show whole days, although cell duration is half-day
Answered: You can use onBeforeGridLineRender to hide selected grid lines in the Scheduler: https://api.daypilot.org/daypilot-scheduler-onbeforegridlinerender/ You can also use a different approach - set scale ...
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!
Angular DayPilot Lite Library - DayPilot.Calendar class missing property "headerDateFormat"
Answered: This should be fixed now in the latest sandbox build (2022.4.434): https://release.daypilot.org/changes/jslite/ The next official release will be available next week. 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/
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_...
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...
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.
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...
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 - 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 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 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 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;"
}
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).
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...
Customize time blocks on Weekly Calendar
Answered: At this moment, the Calendar component uses fixed time blocks but it is possible to use a workaround and map the block number to the hour/minute part of the start/end time. This approach is used in t...
multiple event
Answered: This is not supported in the Calendar component at the moment but you can take a look at the Scheduler component which can group concurrent events automatically: https://doc.daypilot.org/scheduler/co...
Multiple event show +1
Answered: > If we have multiple event can we show +2 or +3 etc Please see my answer here: https://forums.daypilot.org/question/5848/multiple-event > in weekly can we change date format You can change the calen...