Active Questions

• Scheduler - How to add active areas to cells

  Answered: 1. You can make space for the active areas at the bottom using the "rowMarginBottom" property : https://api.daypilot.org/daypilot-scheduler-rowmarginbottom/ 2. If you use the full crosshair mode the ...

  how-tojavascriptscheduleractiveareabubble

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

• VueJS, DayPilotCalendar, resource view

  Answered: In the Lite (open-source) version this is not possible at the moment but in the Pro version you can customize the calendar column headers using "onBeforeHeaderRender" event handler: https://doc.daypi...

  how-tojavascriptlite

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

• Create custom column with DayPilot scheduler in angular 12

  Answered: Please take a look at the following tutorial: https://code.daypilot.org/49959/javascript-scheduler-show-hide-columns-using-context-menu It uses a context menu to show/hide individual row header colum...

  angularangular12javascriptdaypilot

  Asked by Sanjana Sharma 3 years ago. 3 replies, last reply 3 years ago.

• Previous And next not working when Adding more features to it..?

  Answered: I recommend you to review the code and remove duplicate parts - that makes it confusing and error-prone. You define three functions that do the same thing. There are also other issues, like calling s...

  featurejavascript

  Asked by Siva 3 years ago. 1 reply, last reply 3 years ago.

• How do I modify a database?

  Answered: You can take a look at this tutorial: https://code.daypilot.org/64657/angular-scheduler-resource-management It is for Angular, but it shows how to add a context menu to the row headers with additiona...

  article-44666-cjavascriptcalendarhtml5doctormysqlappointmentschedulerhow-to

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

• Scheduler - How to programmatically fire onBeforeCellRender for certain resources

  Answered: You can either update the full scheduler using update(): https://api.daypilot.org/daypilot-scheduler-update/ Or you can update a row using rows.update(): https://api.daypilot.org/daypilot-scheduler-r...

  how-tojavascriptschedulerbackgroundcolor

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

• Scheduler - How set the same margin between events and between events and cell borders

  Answered: There are two options: 1. You can use "eventMarginLeft" and/or "eventMarginRight" properties: https://api.daypilot.org/daypilot-scheduler-eventmarginleft/ https://api.daypilot.org/daypilot-scheduler-...

  how-tojavascriptschedulerevent-margin

  Asked by Anonymous 3 years ago. 5 replies, last reply 3 years ago.

• Back end

  Answered: This project shows a single page with the restaurant reservation UI. It is kept as simple as possible so that the code can be modified easily. There is no admin part.

  article-97699-cphpschedulerjavascriptreservationtablemysqlrestaurant

  Asked by Q 3 years ago. 1 reply, last reply 3 years ago.

• Scheduler - right clicking changes existing time range selection

  Answered: Thanks for uploading the sample project. This issue should be fixed now in the latest sandbox build (2023.1.5487): https://release.daypilot.org/changes/js/ Please let me know if it doesn't work as ex...

  bugjavascriptschedulerfrozentime-range

  Asked by Anonymous 3 years ago. 4 replies, last reply 3 years ago.

• Scheduler - Cannot read properties of undefined (reading 'ignoreDisabledCells')

  Answered: > No, but I forget to tell, that the error happens on right clicking any cell. It doesn't matter to which row the cell belongs. I select it and right click, then the error shows. Could you please che...

  bugjavascriptscheduler

  Asked by Anonymous 3 years ago. 4 replies, last reply 3 years ago.

• Scheduler - New Event Placement Strategy

  Answered: You might want to take a look at the "split resources" feature: https://doc.daypilot.org/scheduler/split-resources/ It lets you split a resource into multiple subresources, each having a special row ...

  featurejavascriptscheduler

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

• Scheduler - Restore default behaviour in onTimeRangeSelecting when snap to grid is disabled

  Answered: You will find an example of a custom snap-to-grid implementation in this tutorial: https://code.daypilot.org/39403/javascript-scheduler-customized-snap-to-grid It is necessary to round/floor the date...

  how-tojavascriptschedulersnap-to-grid

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

• modal.form html inputs

  Answered: This is not a typical scenario but you can use the onClose event handler to query the content before it is removed from DOM: https://api.daypilot.org/daypilot-modal-onclose/

  how-tojavascript

  Asked by Derek 3 years ago. 1 reply, last reply 3 years ago.

• Feature: Display in new line if event overlaps htmlLeft / htmlRight of another event.

  Answered: The element that displays htmlLeft/htmlRight content has variable width and it's not possible to calculate the real width without expensive pre-rendering. However, you can use a workaround: You can r...

  featurejavascript

  Asked by Markus Peter 3 years ago. 1 reply, last reply 3 years ago.

• Any Option for Max-Width for the columns or Resizable height

  Answered: In the latest sandbox build (2022.4.5479), there is now a new property (maxAutoWidth) added to the rowHeaderColumns array items that lets you specify a maximum width that will be respected during row...

  how-tojavascriptgantt

  Asked by Bikram Jeet Singh 3 years ago. 4 replies, last reply 3 years ago.

• How can I get the line of event?

  Answered: I do not recommend storing individual line numbers in the database. A fixed line number should only be used for selected events that you want to display in a specific position, out of the standard or...

  how-tojavascript

  Asked by wangjiefei 3 years ago. 1 reply, last reply 3 years ago.

• dblclick is not working after daypilot upgrade

  Answered: From your example it's not obvious what kind of element that is and where you add it (it is not part of the standard Scheduler structure). Please note that the Scheduler parts are rendered progressiv...

  bugjavascript

  Asked by Pooja Gupta 3 years ago. 1 reply, last reply 3 years ago.

• Trying to update resource row using timerange selected

  Answered: This error has been fixed in version 2022.3.5391: https://javascript.daypilot.org/daypilot-pro-for-javascript-2022-3-5391/ Please let me know if the problem persists.

  how-tojavascript

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

• inlineEdit is not accessible from originalEvent after updating daypilot from 2019 to 2021

  Answered: In older DayPilot versions (including 2019 versions), the event handler object (args) was not typed (type any). The args.originalEvent holds a MouseEvent object (unmodified event object from the clic...

  bugjavascriptangular12daypilotupgrade

  Asked by Sanjana Sharma 3 years ago. 1 reply, last reply 3 years ago.

• How to use Previous and Next in the DaypilotMonth..?

  Answered: The React monthly calendar component works the same way - you need to update the "startDate" property and provide the event data for the new range using "events" property. Another option is to update...

  featurejavascript

  Asked by Chandra 3 years ago. 1 reply, last reply 3 years ago.