Questions Tagged how-to
Gantt Chart Issue with Link Shape to RightAngled per version 2025.1.6345
Answered: The linkShape property is now available in the Gantt chart in the latest sandbox build (2025.1.6403).
Is it possible to implement timeheader with 3 hours as a part, but cell with 15 minutes as a part
Answered: Yes, this is possible. If the built-in time header units don’t work for you, you can define custom segments, as described in the following tutorial: JavaScript Scheduler: Custom Time Header Segments
Is there a way to display total quantities from events in the Scheduler Scale header, aggregated both weekly and monthly
Answered: Yes, you can use the onBeforeTimeHeaderRender event handler to customize the time header. There is a tutorial available that shows how to calculate the summary/utilization details using methods like ...
Frozen rows ASP
Answered: Unfortunately, the frozen rows feature is only available in the JavaScript version.
Issue when tapping multiple cells from Ipad.
Answered: This problem should be fixed now in the latest sandbox build (2025.1.6400).
Sort events in combination of 'Sort' and 'Line'
Answered: The minLine property is now available as an experimental feature in the latest sandbox build (2025.1.6407).
Prevent refresh of date to today
Answered: Sorry for the delay! It looks like you might reset the StartDate value at some point. I recommend checking Page_Load and the <DayPilot:DayPilotNavigator> tag. It also depends how you refresh the page...
Crerating events side by side
Answered: There was an issue that prevented double click on calendar cells next to existing events from working. It was fixed in version 2025.1.6333, so make sure that you are using the latest release. I assum...
Is it possible to hide the parents and leave the children with its events visible
Answered: You can use the row filter to hide selected rows in the Scheduler. If you set rowFilterParentsAlwaysVisible to false, the parent rows that don’t match the filter will be hidden as well.
Month name as title for DayPilot Month
Answered: For PostBack updates, you can place a label control above the calendar and set its text from code behind based on DayPilotMonth.StartDate value. If you change the date using a callback, you can use A...
Block Overlay / Bubble for Selecting a new event area
Answered: You can use active areas to insert blocks with custom start/end inside cells. You can find an example here (this tutorial shows how to block selected time ranges): JavaScript Scheduler: Disabling Cus...
New Event Background border
Answered: Sorry for the delay! This is hard to guess, but probably it’s some custom CSS. You can try turing the global CSS of temporarily to see if the problem disappears and use browser developer tools to ins...
right to left in month
Answered: Unfortunately, RTL direction is not supported in the Scheduler at the moment.
New Event Position
Answered: The vertical position of the modal dialog can be set using the top property. By default, it is set to 20 (pixels). You can increase it as needed. The background elements appear above the modal dialog...
Link Customization - Layer "Above" or "Below"
Answered: 1. The default linkLayer value is set to "Above" and you can see this behavior in the Links demo as well. Instead of using z-index, it uses the two different layers that are inserted into the DOM in ...
recurence
Answered: The recurrence needs to be handled on the server side. You need to supply the expanded occurrences to the calendar as part of the dataset. Most likely, you will want to show an icon indicating that t...
Business hours management scheduler
Answered: I assume that you mean the feature that lets you skip non-business hours during event moving. This adjustment is only applied during event moving and not to the data source. The Scheduler assumes tha...
groupConcurrentEvents expand/close all
Answered: You can find an example in the following demo: Group Concurrent Events (Demo) It shows how to add an expand/collapse icon to the row headers using the onBeforeRowHeaderRender event handler.
Auto fill scheduler events to cell height
Answered: Unfortunately, that is not possible. Events are arranged in horizontal lines inside rows (see also Event placement strategies) and the line height is determined by the event height. It is possible to...
ideas for grouping events in Calendar
Answered: The best way would probably be to add the nested events as active areas inside events. The position of active areas can be specified in pixels (top/bottom/height properties) or you can replace top an...
DayPilotMonth - span multiple pages based after x number of events
Answered: Update: The Weeks mode is fully supported by the server-side image export so you can export individual weeks by setting ViewType to Weeks (DayPilot.Web.Ui.Enums.Month.ViewTypeEnum.Weeks), Weeks to 1 ...
Need to show horizontal scrolling on top also
Answered: Unfortunately, this is not supported. However, if the problem is that the bottom scrollbar is not accessible without scrolling, I recommend checking the heightSpec property which lets you set the hei...
Scheduler export date range problems
Answered: By default, the exportAs() method includes the current viewport in the exported image. You can use the area property of the options parameter to include the full timeline (area: "full") or a manually...
How to change time from am,pm to 24h
Answered: The easiest way is to use a locale for which the timeFormat property is set to "Clock24Hours". You can also customize individual properties directly - see localization in the docs.
Next.js Resource-Scheduling Calendar (Open-Source) i have a problem using it on mobile the controls are the problem
Answered: The open-source version doesn’t support all functionality on touch devices at the moment. For example, you can click a time slot to select it but you can’t select multiple cells by dragging. The full...
How to detect click on disabled cell
Answered: Please take a look at the following tutorial, which uses onTimeRangeSelecting, onEventMoving and onEventResizing to disable custom time segments (that do not correspond to whole cells): JavaScript Sc...
Cell Height for the event no correct
Answered: It the open-source version, the event box is always aligned with the grid cells. In the Pro version, it is possible to turn off this behavior (see exact event duration). The real start and end is hig...
How to get the event div position in daypilot
Answered: You can mark the event div with a custom attribute using the onAfterEventRender event handler: onAfterEventRender: args => {
args.div.dataset.eventId = args.e.data.id;
} Than you can get the even...
Cannot Change View Type To "Resources"
Answered: Most likely, you are using DayPilot Lite for ASP.NET WebForms - the open source version for ASP.NET. At this moment, the resources view is supported in the open-source JavaScript version and in all P...
DayPilotMonth Integration with MS Outlook
Answered: You are right, this iCalendar tutorial is a bit outdated. I’ve added your request to the tutorial plan and it should appear at code.daypilot.org soon. We don’t plan to add iCalendar support directly ...
Questions 1-30 of 3011
Next