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

Active Questions

Manage startHour and endHour for events in Month Calendar

Answered: In the Month component, the events are always displayed as all-day events (the width is aligned with cells). You can display the start and end time using eventStartTime and eventEndTime properties: h...

Scheduler ContextMenu with async loaded data

Answered: Yes, it works as you describe. At this moment, the args.async option is not supported in the onShow() method but you can switch to manual event click/right click handling and open the context menu wh...

How to update event text value after click on a button.

Answered: You need to get the DayPilot.Event instance first using events.find(). Then you can update the event using events.update(). const dp = this.scheduler.control; const e = dp.events.find("1"); e.dat...

Show HTML on resources

Answered: In order to set raw HTML you can use the "html" property of the resources[] array items: https://api.daypilot.org/daypilot-scheduler-resources/ You can also customize the HTML dynamically using onBef...

Active area not working for multiple column row headers

Answered: > I tried the simple tutorial that is available to get the active area working. How can I have it working on a specific column of my row header? If you define custom row header columns (rowHeaderColu...

Background color for children resources

Answered: Nvm, I managed to find it. If anyone is looking for a solution, args.row.data.children[i].areas. Iterate over the row children

Problems when exporting Gantt as jpeg

Answered: You can customize the image export using the onBeforeEventExport method of the internal scheduler object: https://api.daypilot.org/daypilot-scheduler-onbeforeeventexport/ For cells, use the onBeforeC...

Customization of Alert popup using HTML

Answered: You can use DayPilot.Modal.form() instead to customize the content: https://api.daypilot.org/daypilot-modal-form/ The following example would display a list: const form = [ {text: "Would you lik...

scrolling to a specific day is not working as expected

Answered: In Angular/React, you can't mix the config changes with direct API calls like this. The config changes are merged and applied at once after the current code block finishes. The result of this logic i...

Events Multiple rows copy and Multiple row paste

Answered: Please take a look at the following tutorial: https://code.daypilot.org/72047/javascript-scheduler-copy-multiple-events

Confusing documentation

Answered: Thanks for the feedback! It will be fixed soon.

How to open and close the modal using script

Answered: I recommend using DayPilot.Modal.form() to edit event details (or to enter new event data). This method lets you define the modal form fields programmatically and all the logic stays at the original ...

Modifying the left barColor styling?

Answered: You can control the bar width and other properties using CSS. The bar is built using two nested divs with the following CSS classes (applies to the default "calendar_default" theme): calendar_default...

Kanban - Insert new card at specific position

Answered: The Kanban component respects the original order of items (in cards.list). You can insert the card at the desired location there and call update().

How to show the recourse image

Answered: I answer to myself Private Sub ParkingDP_BeforeResHeaderRender(sender As Object, e As BeforeResHeaderRenderEventArgs) Handles ParkingDP.BeforeResHeaderRender Dim htm As String = "<img src=data:image/...

Scheduler Event sorting drag & drop

Answered: The Scheduler lets you specify custom event order but unfortunately it doesn't support reordering events (inside cells) using drag and drop.

Scheduler Persist row (resource) moving

Answered: You can take a look at the following tutorial to see how to handle row moving and persist the row order (in JavaScript/Node.js): https://code.daypilot.org/95340/react-activity-planning-system-node-ex...

Setting lower margin-lefts for children in row header

Answered: You can control the indent width using treeIndent property: https://api.daypilot.org/daypilot-scheduler-treeindent/

Custom values in href parameter

Answered: You can use document.querySelector().value to get the value of the input field.

Context menu does not close on click inside scheduler, when 'timeRangeSelectedHandling' is set

Answered: Hi Daniel, This should be fixed now in the latest sandbox build (2021.2.4981): https://javascript.daypilot.org/sandbox/
Questions 1-20 of 4291 Next