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

Questions Tagged how-to

How to debounce links rendering

Answered: At this moment, the links are not rendered progressively, but they are rendered all at once. We're checking if there is a way to render them in sync with the events. That would make more sense.

Scheduler js Field Customize

Answered: Hi Martin, In the JavaScript version, it's not possible to change the mapping. But you can transform your object easily like this: const myEvents = [ /* ... */ ]; const events = myEvents.map(e => ...

How to display an icon on top of a cell filled with events when hovering on it

Answered: You can't display the icon on top of the events but you can adjust the cell margins to make space for the icon. In the Scheduler, you can use rowMarginBottom or rowMarginTop: https://api.daypilot.org...

how to export cornerHtml text value ?

Answered: The corner content is now included in the exported image (since build 2021.4.5145). By default, the corner will display the text specified using cornerText property: https://api.daypilot.org/daypilot...

Adding Link Button to Cell of Calendar & Scheduler Component

Answered: Please take a look at the following tutorial: https://code.daypilot.org/31933/javascript-monthly-calendar-max-events-expand-button

Is clearSelection available?

Answered: Yes, the clearSelection() client-side method is available in the ASP.NET WebForms version as well. You can find an example in the main Scheduler demo: https://aspnet.daypilot.org/demo/Scheduler/ The ...

Spacing on right of events

Answered: You can set the margin width using the columnMarginRight property: https://api.daypilot.org/daypilot-calendar-columnmarginright/ dp.columnMarginRight = 0;

Show an icon when hovering a cell with crosshair on

Answered: The full crosshair (crosshairType = "Full") is displayed above the cells and masks access to them. So unfortunately, it's not possible to combine the full crosshair with hover styles for cells. I rec...

How to scroll to "currenttime" cell on start

Answered: The Calendar should scroll to the first business hour (businessBeginsHour) by default. If you want to scroll to a different hour, you can use scrollToHour() method: https://api.daypilot.org/daypilot-...

How to hide resources without events

Answered: Please take a look at the following tutorial: https://code.daypilot.org/97960/html5-scheduler-hiding-rows-without-events

DayPilot Block specific resource or time

Answered: Yes, you can use BeforeCellRender event to mark cells as disabled. That will prevent all drag and drop operations: https://doc.daypilot.org/scheduler/disabled-cells/

DayPilotScheduler change date , Incorrect time!

Answered: Now that the problem is solved: value-format="yyyy-MM-dd"

Move per 15 minutes

Answered: Yes, it is possible. Please take a look at the following tutorial: https://code.daypilot.org/39403/javascript-scheduler-customized-snap-to-grid Just remember that the smallest possible step is one pi...

How to add search on child row?

Answered: The args.row property holds a DayPilot.Row object and you can access the original resource data object (from resources[] array) using "data" property: https://api.daypilot.org/daypilot-row-properties...

Resize shadow doesn't match event time

Answered: You'd need to turn off the "snap to grid" feature (https://doc.daypilot.org/scheduler/snap-to-grid/) to prevent this behavior: dp.snapToGrid = false;

Move events on drag with blocks of 12 hours

Answered: Yes, please take a look at the following tutorial: https://code.daypilot.org/39403/javascript-scheduler-customized-snap-to-grid Another option would be to change the cell duration to 12 hours using t...

How can I add more columns on each row in headers?

Answered: If you display multiple rows in the column header you can specify the child column content using "children" property - the columns are organized in a hierarchy (see also https://doc.daypilot.org/cale...

Custom rendering requirements during PNG export

Answered: There are two options: 1. You can switch the built-in bar (displayed at the top of the event) to "progress" mode: https://doc.daypilot.org/scheduler/percent-complete/ 2. You can build the progress ba...

Add multiple events on same date and time

Answered: The best way would be to increase the margin width using columnMarginRight property: https://doc.daypilot.org/calendar/column-margin/

Displaying several properties of an event in different active areas, during PNG export

Answered: The active areas will be included in the exported image. The area dimensions must be fully specified (it doesn't work if you only specify "left" but not "width" or "right"). If you only want to inclu...

Popover using onEventRightClick

Answered: I've solved with the following code: Added a unique class on event inside onBeforeEventRender: args.data.cssClass = args.data.id; Later, inside onEventRightClick I just look for that class and I acti...

Duration bar for some events only

Answered: You can use barHidden property of the event to hide the duration bar. You can add it to the source data object or you can add it using onBeforeEventRender: dp.onBeforeEventRender = args => { arg...

How switch between line = 0 and line = 'dedicated' in a Event?

Answered: The "line" property can't be changed in onBeforeEventRender (that's too late). You need to set it in the data source before the Scheduler loads it. You can preprocess the data like this: const even...

Width calculation in custom HTML, for trimmed events

Answered: You can turn off the "floating events" feature using floatingEvents property: https://doc.daypilot.org/scheduler/floating-events/ When floating events are disabled, only the div #1 will be displayed.

Adding a Color Bar using Active Areas doesn't work

Answered: If you enable columns (https://doc.daypilot.org/scheduler/row-header-columns/) you need to specify the areas for the respective args.row.columns[] item instead: onBeforeRowHeaderRender: function (a...

How validate if current cell has Events (Scheduler)?

Answered: In the JavaScript version, you can use the following methods: 1. To check a time range (for all resources), use the events.forRange() method: https://api.daypilot.org/daypilot-scheduler-events-forran...

How can I install .tar.gz

Answered: We provide the Vue package at https://npm.daypilot.org. The Vue package is ready to use and you can install it by following the instructions. With reference to a related question (https://forums.dayp...

vue npm error!

Answered: You are trying to install the Angular package ("daypilot-pro-angular") instead of the Vue package.

Clean solution to import custom scheduler theme with prefix CSS in Angular project

Answered: Two steps are required: 1. Include the theme in the global CSS (styles.css): @import url('themes/your_theme.css'); 2. Activate it using the "theme" config property: config: DayPilot.SchedulerCo...

Month Event Prerender not working

Answered: You'll need to change the attribute to: OnBeforeEventRender="DayPilotMonth1_BeforeEventRender" or add "Handles" to the the method signature: Protected Sub DayPilotMonth1_BeforeEventRender(ByVal...
Previous Questions 541-570 of 3070 Next