Active Questions
Dropdown field in modal form
Answered: You can load the data using fetch() or a similar function before opening the modal dialog.
async function showModal(url) {
const options = await fetch("/api/getOptions").then(response => respons...
Calendar component renders "12AM" in all rows in resources mode
Answered: I haven't seen this problem before. Unless you are doing something special on onBeforeHourRender, it will be a problem with the compilation/minification performed by your version of React. React 15 w...
Undo Redo
Answered: OK, I have the script running and incorporated within my scheduler. Much trial and error! I now have another issue. My Scheduler draws its information from an access database. The scheduler then writ...
Multimove and manually snapping to grid
Answered: It is possible to change "start" end "end" properties of the additional selected events in onEventMoving. You can modify the args.multimove[x].start and args.multimove[x].end properties as needed. Ju...
how to select multiple value in form dropdown
Answered: Unfortunately, it is not possible to select multiple options from the drop down list (type: "select" or type: "searchable"). I recommend using a set of checkboxes instead (type: "checkbox").
Can i add heading in daypilot modal
Answered: Yes, you can use one of the following fields: https://modal.daypilot.org/form-title-field/ https://modal.daypilot.org/form-read-only-text-field/ https://modal.daypilot.org/form-html-field/
Vue Calendar component is not exposing its properties and methods
Answered: There is now a Vue Composition API example available in the documentation: https://doc.daypilot.org/calendar/vue-js/ Here is a shortened version that shows how to access the DayPilot.Calendar object ...
Open link in new window
Answered: The `window.open()` function is the correct approach:
{text: "Job Card", onClick: args => window.open(args.source.data.Filelocation, '_blank')},
But if the browser is set to block popup windows i...
Mobile Rendering
Answered: Hi Dan Thanks for the tip. I actually worked it out last night and then felt pretty thick for missing it. I'm developing on a company intranet and the tablet I was testing on was was not added to the...
Column Filtering
Answered: In the latest sandbox build (2023.2.5562 - see https://release.daypilot.org/changes/js/), the args.column property now holds a DayPilot.Column object (https://api.daypilot.org/daypilot-column-class/)...
Working Hour
Answered: You can customize the business hours using businessBeginsHour and businessEndsHour propertes. See also: https://doc.daypilot.org/scheduler/business-hours/
Quotation
Answered: It is only available as a package. You can find the pricing details at the Buy page (https://javascript.daypilot.org/buy/). If you have any questions regarding licensing or if you need a PDF quote, p...
Links in right Click Menu
Answered: 1. First, you need to load the link from the database and store it as an additional property of the event data object. This can be done in the backend API endpoint that returns events. In most PHP ex...
Trial Version - User Limitation?
Answered: This is not caused by the trial version. There should be no difference when someone other than the developer views the component. There are no error details visible in the screenshot but it it prints...
How to add cssClass to Context Menu in Gantt Chart View.
Answered: The cssClass property will be added in the next release. At this moment, you can apply custom class using the "theme" property. The theme name is used as a prefix for all classes used for menu elemen...
Gantt View: scrollable context menu or a button to expand
Answered: At this moment, the vertical scrollbar is not implemented. Just adding the CSS isn't enough as the calculated height needs to be taken into account. I recommend splitting the long list into several g...
How to remove the DEMO tag when you use GUI to generate a vue gantt project?
Answered: In Vue projects, you need to replace the NPM link in package.json with the one that you get in the customer area (a licensed version).
How to increase the Event height in a schedular
Answered: https://api.daypilot.org/daypilot-scheduler-eventtextwrappingenabled/
DayPilot.Modal.close Not Working
Answered: In order to access objects from the "DayPilot" namespace, you need to include "daypilot-all.min.js". In this case, this means you need to include it in both pages (in the main page and in the modal c...
Update Scheduler Resources/Events
Answered: Please disregard, this has been solved. The scheduler was not initialize in the correct spot to make it globally available aboutside the rendered callback.