Active Questions
Disable Column in js Calendar
Answered: The cells can only be marked as disabled using the onBeforeCellRender event handler. This reactive design ensures the best performance of your app and prevents state synchronization issues. You shoul...
How to get the Week data in daypilot datepicker if we select any date?
Answered: You can switch the date picker to "week" mode when it selects a week automatically. Please see my answer here: https://forums.daypilot.org/question/5812/how-to-create-the-week-wise-date-picker-in-sch...
How to create the Week Wise date picker in Scheduler?
Answered: The Navigator component (date picker) can be switched to select a week using the selectMode property: https://doc.daypilot.org/navigator/select-mode/
Update draggable item list
Answered: I'm not sure what exactly you are trying to achieve, but there are several options: 1. You can remove the list item and create a new one, activating it using makeDraggable() again. 2. You can only ch...
Exporting/Printing scheduler - event customization
Answered: Unfortunately, it's not possible to apply custom event height during export. However, you can use the built-in "versions" feature which is created just for this scenario (to display planned vs. actua...
How to use the daypilot pro javascript license after purchase?
Answered: After purchase, you will receive login details for the customer area (https://www.daypilot.org/customers/) where you can get a special NPM link which you replace in your package.json.
OnEventMove waiting on modal response -- cancel response breaks scheduler
Answered: By calling setTimeout() in onEventMove you create a new JavaScript message that will be processed later as the JavaScript event loop continues (see also https://developer.mozilla.org/en-US/docs/Web/J...
Using Vue Calendar component with the Composition API
Answered: When using the Composition API in Vue, you can use the calendar component like this:
<template>
<DayPilotCalendar id="dp" :config="config" />
</template>
<script>
import {DayPilotCalendar} ...
How to disable dynamically an item in Context Menu in Scheduler?
Answered: You can disable menu items dynamically using the onShow event handler: https://api.daypilot.org/daypilot-menu-onshow/
Angular Gantt chart row header expand collapse not working.
Answered: 1. Unfortunately, I'm not able to reproduce the first issue. In Angular, it's important to remember that the expanded/collapsed state is stored in the data source. If you load the Gantt chart tasks u...
Different cell splitting for different events in same scheduler
Answered: You probably know that during drag and drop operations, you can adjust the target range using the real-time events (onTimeRangeSelecting, onEventMoving, onEventResizing) so you are able to change the...
how to find how many events we have in single cell (Scheduler)?
Answered: You can use DayPilot.Row.events.forRange() method to get a list of Scheduler events for a specified time range: https://api.daypilot.org/daypilot-row-events-forrange/ You can also assign custom utili...
How can show Scheduler event text without wrapping ?
Answered: To disable text wrapping, the eventTextWrappingEnabled value must be set to false. It adds "whitespace: no-wrap" style to the event element. See also: https://api.daypilot.org/daypilot-scheduler-even...
how to connect function keys with functionalities?
Answered: You handle shortcuts by adding a simple "keydown" event handler to your application:
document.addEventListener("keydown", e => {
if (e.key === "F2") {
// do something
}
});
how to wrap the text in the cell while printing the scheduler?
Answered: The text doesn't wrap automatically during export but you can use '\n' in the "text" property or "<br>" in the "html" property to insert line breaks. See also: https://code.daypilot.org/61152/javascr...
TypeError: Cannot read properties of undefined (reading 'parent')
Answered: Thanks for the update. It should be fixed now in the latest sandbox build (2022.3.5390): https://release.daypilot.org/changes/js/ Please let me know if there is any problem.
How to execute client side JavaScript function whilst server processing request after user clicks on event blocks? [DayPilot Monthly Event Calendar]
Answered: You can use EventClickHandling='PostBack' and invoke the PostBack manually using eventClickPostBack() from EventClickJavaScript, after executing your code: https://api.daypilot.org/daypilot-scheduler...
How to handle object data inside html property in the Scheduler?
Answered: In React, the "html" property supports a string with HTML, but not JSX. You can use JavaScript template literal (with backtick quotes) to insert variables into the HTML string. However, remember that...
Example does not work
Answered: I recommend checking the HTTP call to the API (backend_events.php) in the browser developer console (Network tab). Most likely, you will see a DB-related error instead of the expected JSON array with...
Row Header Column resize buggy in Legacy Mode
Answered: This issue should be fixed now in the latest sandbox build (2022.3.5388): https://release.daypilot.org/changes/js/ Please let me know if the problem persists.