Active Questions
Daypilot AllowMultirange doesn't work with right click and context Menu
Answered: Thanks for reporting the issue. I wasn't able to reproduce the problem but the additional check is now added in the latest sandbox build (2023.2.5594). Also, the right click behavior is fixed - it is...
Custom Event Styling in React Scheduler
Answered: You can use the onBeforeEventRender event handler to customize the events. A sample implementation could look like this: onBeforeEventRender: (args) => {
if(args.data.status === "completed") {
...
How to change Group task background color?
Answered: The shape of the task group is created using :before and :after pseudo-elements. In the default theme it looks like this: .gantt_default_task_group .gantt_default_event_inner {
position: absolut...
Scheduler Time Range Configuration
Answered: There are two ways to solve it: 1. You can define business hours using the businessBeginsHour and businessEndsHour properties and set showNonBusiness to false (see also hiding non-business hours): co...
Event Calendar, resource view: days on Y-axis
Answered: At this moment, the Calendar can only display hours on the vertical axis.
scroll 2 daypilot component in a single scroll event
Answered: You can synchronize two Schedulers using a native scroll event as demonstrated in this demo: https://javascript.daypilot.org/demo/scheduler/eventmovingtwoschedulers.html // scrollbar synchronization
...
Height for day and week calendar.
Answered: Please see the options here: https://doc.daypilot.org/calendar/height/
Licence
Answered: The license is perpetual. For details, please see the Maintenance Subscription Terms: https://www.daypilot.org/legal/maintenance-subscription/
Conditional display of Active Areas
Answered: Yes, this is possible. You can add active areas using onBeforeEventRender where you can check if a specific property exists in the source data object (args.data):
onBeforeEventRender: args => {
...
Separators above resources
Answered: This issue should be fixed now in the latest sandbox build (2023.2.5584): https://release.daypilot.org/changes/js/ Please let me know if the problem persists.
Db connection location
Answered: The database connection is handled by your application (DayPilot doesn't connect to the DB directly). Typically, the connection string is stored in web.config (in ASP.NET applications). Note that the...
Writing current date and time to DB from a context menu item
Answered: Something like this could work (you will need to adjust it for your needs):
async function clockOn() {
const modal = await DayPilot.Modal.confirm("Are you sure you want to clock onto this job?...
Link Connector Arrows
Answered: I see. 1. You can simply add/remove the links from the Scheduler as needed, like this:
const linksToBeDisplayed = [ /* ... */ ];
dp.update({links: linksToBeDisplayed});
2. Or you can mark the li...
Cannot install daypilot-pro-angular
Answered: The correct command is as follows:
yarn add https://npm.daypilot.org/daypilot-pro-angular/trial/2023.2.5574.tar.gz
You can also get the current version link at https://npm.daypilot.org.
Adjusting event height leads to excessive empty space (Month)
Answered: So simple solution: It's not:
eventHeight: "50",
it's:
eventHeight: 50,
How can I change the name of the event groups?
Answered: You can set custom HTML displayed by the group using onBeforeGroupRender event: https://api.daypilot.org/daypilot-scheduler-onbeforegrouprender/
onBeforeGroupRender: args => {
args.group.html = ...
Parent Row
Answered: Steve, Sorry for the confusion! You can detect parent rows using `args.cell.isParent`:
dp.onBeforeCellRender = function (args) {
if (args.cell.isParent) {
args.cell.backColor = "#ccc"...
Event Item
Answered: By default, the calendar displays the value of the "text" property in the event boxes. If you want to display more data, you can customize the event content using onBeforeEventRender event handler: h...
How disable focus in form.
Answered: You can use "autofocus: false" to disable autofocus or use "focus: 'anotherField'" to autofocus a selected field.
const form = [
{name: "Start", id: "start", type: "datetime"},
{name: "End", ...
Save selected dropdown item to the database
Answered: After the modal dialog is closed, you need to call an API endpoint that will save the changes. You can access the updated data object as "modal.result". The selected value is accessible as "modal.res...