Questions Tagged how-to
Add Icon to modal confirm buttons
Hello I have 2 icons that I use in this type of modal that resemble the “Yes” and the “Cancel“ buttons how can I use them in this modal
area bubble
Answered: This is fine. I assume that you have defined the area position and dimensions (left, right, etc.). I have tested your code in the Scheduler and the only problem is that if you also have an event bubb...
Remove or Highlight the holidays on the Event
Answered: The eventMovingSkipNonBusiness property affects the drag and drop behavior over the non-business time segments. The mechanism is explained in the JavaScript Scheduler: Skip Non-Business Cells during ...
Remove or Highlight the holidays on the Event
Answered: I am trying to highlight or cut the holidays on the event itself
Change Time Header Vertical Grid lines style
Answered: You can use the following CSS: .scheduler_default_timeheadercol_inner {
border-right-width: 4px;
}
Using Row Spans for Resource Names in Tabular Mode
Answered: To implement this, you can use the split resources feature:
How to resize row header column on touch devices
Hello, Can the width of the Scheduler's Row Header Column be configured to allow resizing on touch devices? Additionally, when rowHeaderScrolling is set to true and the splitter is displayed, is it p...
onBeforeEventMoving
Answered: That’s a typo. The event is called onEventMoving. There should be no problem using it to clear the selection.
Is there any way we can hide the right side of the gantt chart
Answered: The Gantt chart component is not designed for this mode, but you can hide the the time grid using the following properties: scale: "Manual",
startDate: "2020-01-01", // use a day in the past
can we change the expander or collapse icon
Answered: You can change the icons using CSS. This is how the icons are defined in the default CSS theme: .gantt_default_tree_image_expand {
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz...
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...
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
Answered: Sorry for the delay! Which component do you use (Calendar, Scheduler..)? > I am also wondering if it would be possible to pass information from the onEventClick event to the context menu’s onShow eve...
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 => {
args.data.bubbleHtml = `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.
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...
Questions 1-30 of 2927
Next