Active Questions

• DayPilot React: When Event is moved I wanna ask a question if they are sure they wanna move it

  Answered: Yes, you can find an example in the documentation for event moving : onEventMove: async (args) => { args.async = true; const modal = await DayPilot.Modal.confirm("Do you really want to move this even...

  how-tojavascriptreact18

  Asked by Renato 2 years ago. 1 reply, last reply 2 years ago.

• Api Key

  Answered: Can you please contact support@daypilot.org?

  javascriptangular8

  Asked by Taslim khan 2 years ago. 1 reply, last reply 2 years ago.

• SnapToGrid: false destroys Time Range Selection.

  Answered: It’s in the queue, please hold on!

  how-tojavascript

  Asked by Anonymous 2 years ago. 1 reply, last reply 2 years ago.

• How do i delete a full row?

  Answered: You can add a delete icon to the Scheduler row headers using an active area . onBeforeRowHeaderRender: (args) => { args.row.areas = [ { right: 3, top: 3, width: 16, height: 16, symbol: "../icons/dayp...

  how-tojavascript

  Asked by peuportier.aurelien@icloud.com 2 years ago. 1 reply, last reply 2 years ago.

• How to use angular component in bubble HTML

  Answered: Sorry for the delay! There is a tutorial that shows how to insert an Angular component to the bubble. Angular Scheduler: Dynamic Tooltip It is necessary to instantiate the component and add it to the...

  how-tojavascriptangularbubblebubblehtmleventscheduler

  Asked by Anonymous 2 years ago. 1 reply, last reply 2 years ago.

• Collapse task in DayPilot.Gantt

  Answered: The tasks.list array holds the raw data objects (they don’t have any methods). The method you need is DayPilot.Task.row.collapse() . You can call it like this: this.gantt.tasks.find(row.id).row.colla...

  how-tojavascript

  Asked by Leo 2 years ago. 2 replies, last reply 2 years ago.

• Gantt chart

  gantt chart attech in asp.net c#?

  article-92491-cjavascriptsql-serverasp.net-coremonthopen-sourcedotnet8how-to

  Asked by Meena 2 years ago. 1 reply, last reply 2 years ago.

• Adding custom CSS to task in Gantt

  Answered: It is necessary to style the task children independently. It is not possible to style task children by applying a CSS class to their parent. In the resulting DOM structure, the task children are not ...

  how-tojavascript

  Asked by Anonymous 2 years ago. 9 replies, last reply 2 years ago.

• Accessing the args data for an event being moved, not the new values for start, end and possibly resource

  Answered: In the onEventMoved event handler, the event object ( args.e ) is already updated to the new values. If you want to get the old values, you need to use onEventMove where the args.e property stores th...

  how-tojavascript

  Asked by Anonymous 2 years ago. 1 reply, last reply 2 years ago.

• <daypilot-scheduler> is not a known element

  Answered: It is necessary to add DayPilotModule to the imports section of the module where you want to use <daypilot-scheduler>. Example from the Angular Scheduler Quick Start tutorial: import {DataService} fr...

  how-tojavascriptangular14angular

  Asked by Lara 2 years ago. 1 reply, last reply 2 years ago.

• Adding custom filters

  Answered: To apply the filter, it is necessary to call the rows.filter() method with a non-null parameter. It also updates the UI (no additional update() call is necessary). This filter parameter is then store...

  how-tojavascript

  Asked by Anonymous 2 years ago. 2 replies, last reply 2 years ago.

• Cannot install DayPilot in my current Angular application

  Answered: It looks like Chrome has started to report certain code as an error, even though it was acceptable before. It will be fixed shortly.

  bugjavascriptliteangular

  Asked by AD 2 years ago. 3 replies, last reply 2 years ago.

• Cannot set property document of #<Window> which has only a getter in Nuxt

  Answered: This issue should be fixed now in the latest release (version 2024.1.519/3.20.1): https://javascript.daypilot.org/daypilot-lite-for-javascript-2024-1-519/ Please let me know if the problem persists.

  bugjavascriptlite

  Asked by KS Tan 2 years ago. 1 reply, last reply 2 years ago.

• Calendar control; showing only busniess hours

  Answered: The MVC Lite (open-source) version is no longer under active development. I recommend switching to the JavaScript Lite version. The JavaScript version lets you set the Calendar height to show only bu...

  how-tomvclite

  Asked by Acrobat 2 years ago. 4 replies, last reply 2 years ago.

• Calendar time range selection broken on 2024.1.5854

  Answered: This issue should be fixed now in the latest sandbox build (2024.1.5872). Please let me know if the problem persists. Thanks for reporting the issue!

  bugjavascript

  Asked by Leo 2 years ago. 3 replies, last reply 2 years ago.

• Event Resizing Validation - Do not allow event overlapping even when "allowEventOverlap=true"

  Answered: You can do it like this: onEventResizing: args => { const row = dp.rows.find(args.e.resource()); const events = row.events.forRange(args.start, args.end).filter(e => e.id() !== args.e.id()); if (even...

  how-tojavascriptreact18

  Asked by Renato 2 years ago. 1 reply, last reply 2 years ago.

• How to Select multiple events using Click

  Answered: You can use the API to modify the behavior: Add an onEventClick handler and use multiselect.add() to add the event to the selection.

  angularangular

  Asked by Taslim khan 2 years ago. 3 replies, last reply 2 years ago.

• Part Time employees

  Answered: You can mark specified days as disabled using onBeforeCellRender in the Scheduler component . This method is used in the tutorial to disable weekends: onBeforeCellRender: (args) => { const day = args...

  article-97780-csqlitephphtml5mysqlannual-leavejavascriptschedulerhow-to

  Asked by radu 2 years ago. 1 reply, last reply 2 years ago.

• Hide resources panel (Scheduler)

  Answered: Yes, it is possible to hide/show the Scheduler row headers using the API ( rows.headerHide() and rows.headerShow() methods). You can also set the rowHeaderColumns property to an empty array to remove...

  how-tojavascript

  Asked by Anonymous 2 years ago. 1 reply, last reply 2 years ago.

• Mutliselection

  Answered: I’m not sure if that’s what you mean but in the Calendar component in the Pro version, it is possible to select multiple events and then delete them using the API (use multiselect.events() to get a l...

  article-30451-cangulardayweekopen-sourcetypescriptcalendarmonthangular16how-to

  Asked by Anonymous 2 years ago. 1 reply, last reply 2 years ago.