search envelope-o feed check
Home Unanswered Active Tags New Question

Questions Tagged how-to

Changing the date in the resource calendar

Answered: To change the current date, it is necessary to update the startDate property, which is used as the default date for the columns (if they don’t specify a custom date). You can find an example here: Ne...

Autoscroll on mobile is an huge miss.

Answered: As I mentioned here, it’s now in the wishlist.

How to export the Scheduler as image/pdf in React

Answered: You need to access the DayPilot.Scheduler object using the control property of the DayPilotScheduler component: const scheduler = schedulerRef.current.control; Another option is to use the controlRef...

customizing context menu with click/touch

I’m trying to see if I can have a context menu come up on screen touch and mouse right click only(mouse left click would just trigger some other code). This code doesn’t really seem to be working, ho...

location is not changing

Answered: It looks like there is bug in the onchange event handler. An updated version will be released soon.

custom bubble/context menu for different event types

Answered: There are two options: 1. You can use onBeforeEventRender to assing a custom bubble HTML to each event: { onBeforeEventRender: args => { = `my bubble HTML`; }, // ....

How to set dates in X-Axis and resources in Y-Axis

Answered: You can use the Calendar in resources mode:

Populate dropdown options using Thymeleaf in a const form

Answered: Thymeleaf can’t be used this way. I recommend loading the server-generated data using a special HTTP call. It could look like this: const {data} = await DayPilot.Http.get(`/get/my/options`); const f...

columnBubble is shown at different location

Answered: This issue should be fixed now in the latest sandbox build (2024.2.5913). Please let me know if the problem persists.

How do I enable multi-range selection by default

Answered: This can't be done at the moment, but please let me check if it could work after making some changes.

How do I create different event behaviors for touch/click

Answered: In the onEventClick and onEventClicked events, you can access the original event as args.originalEvent. Using the original event object, you can check if the source was a touch event: onEventClick: (...

Autoscroll not working on touch devices.

Answered: OK, thanks for the update. I’ve added it to the wishlist.

Resize Animation. Next feature request.

Answered: I’ve added it to the wishlist.

show appointments as free time

Answered: There are two options: You can mark the unavailable parts of the timeline as disabled (see Disabled cells in the Scheduler, Disabled cells in the Calendar). If the available slots have a fixed durati...

how do you show a custom resource tag on the resourcebubble event

Answered: The resource bubble receive a simplified resource object with basic information only. However, you can use it to load the full DayPilot.Row object like this: resourceBubble: new DayPilot.Bubble({ ...

Build a resource utilization row for .net webforms version

Answered: Unfortunately, this feature is not supported in the WebForms version.

Implement a copy-paste functionality using context menu

Answered: This is correct. The server-side Command event is fired by the commandCallBack() method (in the menu item action JavaScript).

Timeline & resync events in resource view

Answered: > Any possibility to show the current timeline or highlight the current cell duration with different background in lite version? This is not supported in the Lite version at the moment. In the Pro ve...

Offsetting start/end event

Answered: The events are always rendered at locations specified by start/end. To show the event start at noon you need to specify the time as 12:00 ("2024-0307T12:00:00"). To align the event start/end during d...

OnTimeRangeSelection on new version ||||How to change the arguments passed to onEventMoved/onEventResized?

Answered: > 1) On the new release, i can’t actually select a cell using left click. This was a nice nice-to-have since and now if i want to see a selected cell i have to click right. What can i do? There has b...

I Need help to use : args.areaData

Answered: When resizing the inner section, you need to adjust the args.start and args.end values in the onEventResizing event handler. This is explained in the following tutorial: JavaScript Scheduler: Warm-Up...

Continuous Events

Answered: The event can’t go forever (you need to specify start and end time) but it can be very long.

Confirmation prompt of event resize or event move

Answered: You can find an example in the documentation, Event Moving page (expand the ASP.NET WebForms section to see it): <DayPilot:DayPilotScheduler runat="server" id="DayPilotScheduler1" ... Clien...

How to remove "old" header area

Answered: After changing the holiday definitions (globalHolidays), you need to call the update() method to refresh the Scheduler. This will generate a new time header (using onBeforeTimeHeaderRender). Also, ma...

daypilot-lite-angular allowEventOverlap=false

Answered: Unfortunately, the real-time event overlap protection is not supported in the Lite version at the moment. It is only available in the Pro version (see also the feature matrix). However, you can check...

Unavailable cells not working properly

Answered: If you want to disable Scheduler cells for drag and drop operations, it is necessary to mark them as disabled in the onBeforeCellRender event handler. The unavailable property of resources is not a s...

Scale={"Manual"} with 30 minutes cells

Answered: To display time cells with custom duration defined in minutes, you need to set the scale property to "CellDuration": scale={"Manual"} cellDuration={30] Another option would be to use scale={"Manual"...

select form with remote search

Answered: oeps i see you can change it to type: "searchable", so that works :-)

I need only snap to grid animation.

I don’t want my data to be altered, so i want to be able to free move my event but when released or resized, acting like snap to grid was true. What can i do?

How to create a full width menu under column header.

Answered: There is no easy way to do this. You can try detecting the cell dimensions using the internal dp.nav.main property which stores the DOM parent of grid cells.
Questions 1-30 of 2917 Next