Questions Tagged
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/
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...
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...
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
}
});
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 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...
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...
No event
Answered: Please see my suggestion here: https://forums.daypilot.org/question/5785/example-does-not-work
TypeError: Cannot set properties of undefined (setting 'cssClass')
Answered: This error means that the parent object of the cssClass property is undefined - args.columns[x]. Since version 2022.2.5302, the columns are merged by default for parent resources. That means args.col...
Rowspan undefined with collapsed resources and multiple columns
Answered: This should be already fixed in the latest version (which is now 2022.3.5384). Please let me know if the problem persists.
Move Row Header Column to Right
Answered: Unfortunately, there is no elegant way to display the row headers on the right side at the moment. There is a tutorial that shows how to implement your option 2, but it's just a workaround: https://c...
DB Connection data not showing at index
Answered: I recommend checking the HTTP calls to the API (especially work_order_resources.php and work_order_list.php) in the browser developer console (Network tab). Make sure that the response includes the c...
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...
Scheduler ResourceHeaderClickJavaScript
Answered: I recommend using RowClickJavaScript instead. It handles the JavaScript onRowClick event: https://api.daypilot.org/daypilot-scheduler-onrowclick/ You can access the resource id using args.row.id ther...
Add line break in text in Event
Answered: Mike, Please see my answer here: https://forums.daypilot.org/question/5750/event-test Please let me know if there is any problem.
room fields update
Answered: You can activate a context menu for the Scheduler row headers: https://doc.daypilot.org/scheduler/row-header-context-menu/ Or you can add an action icon to the header: https://doc.daypilot.org/schedu...
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.
MySQL cannot use just SQlite can use only why?
Answered: In order to switch to MySQL please follow the instructions at the bottom of the article (a section called "Database (MySQL, SQLite)"). You need to edit _db.php and _mysql.php files.
How to show and hide the daypilot navigator ?
Answered: You can use the show() and hide() methods of the DayPilot.Navigator instance: https://api.daypilot.org/daypilot-navigator-show/ https://api.daypilot.org/daypilot-navigator-hide/
How to convert <DaypilotNavigator/> into icon ?
Answered: Here you can find a JavaScript demo that binds a DatePicker popup to a specified target (a <span> element in this case): https://javascript.daypilot.org/demo/calendar/datepicker.html
events are not coming properly in the cell?
Answered: The horizontal position of an event is determined by its "start" and "end" values. Concurrent events stack vertically. To show events side by side you would have to change their start/end value accor...
How to print day and week in scheduler?
Answered: The Scheduler can print (or export as image) the current view or a section of it using the exportAs() method. For more details and an example, please see the documentation: https://doc.daypilot.org/s...
image is not coming properly in Context menu.
Answered: When using the default theme, there is a space for a 16x16 pixel icon on the left side: https://doc.daypilot.org/menu/images/ In your screenshot, this space is not available. It looks like you might ...
How i can add icon with text in context menu?
Answered: Please take a look at the following documentation page for an example: https://doc.daypilot.org/menu/images/
How can i add multiple events in single cell?
Answered: Each event is displayed at a location determined by its start, end and resource id. If you want to display multiple events in the same cell, use the same "start", "end", and "resource" values.