Questions Tagged how-to
How to handle the progressBar per row in scheduler Angular
Answered: You can take a look at the JavaScript Scheduler: Resource Utilization Chart for Rows tutorial:
Hovering a draggable event and change row background-color
Answered: Sorry for the delay. This can be done like this: const scheduler = new DayPilot.Scheduler("scheduler", {
onRowMouseOver: args => {
if (app.dragging) {
args.row.cells.all()....
Is it possible to edit gantt chart event
Answered: Yes, it is possible to activate inline editing mode for the row headers, or you can open a modal dialog with task details on click (see Task Editing).
is it possible to edit the event
Answered: Please see here: https://forums.daypilot.org/question/6575/is-it-possible-to-edit-gantt-chart-event
Error constructing DayPilot.Date()
Answered: Have you modified the source code? Or maybe you have overwritten the DayPilot.Date object? Because all this should work fine - you can also test it in the JavaScript console in the online demo.
How to access args.filter value in the onBeforeTimeHeaderRender event of DayPilot Scheduler
Answered: The filter param is only available in the onEventFilter event handler. The best way would be to store the filter value in a special variable outside of the Scheduler object. This approach is used for...
Filter hours
Answered: In the Lite version, you can use this config: {
businessBeginsHour: 8,
businessEndsHour: 21,
heightSpec: "BusinessHoursNoScroll"
} This will display only the specified hours, but there will...
Daypilotmenu context for day calendar NOT event
Answered: For the time range selection/grid cell right clicks, you can define the context menu using the ContextMenuSelectionID property. See also Time Range Context Menu.
selecting a date in the navigator
Answered: I was able to manually select the current date in javascript inside the form using dp_navigator.select(new Date()); thanks
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 ...
Questions 1-30 of 3020
Next