search envelope-o feed check
Home Unanswered Active Tags New Question

Questions Tagged scheduler

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.

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...

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...

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.

Date wise Header but data rows breaks into two lines.

Answered: Thank you for posting the screenshot: https://forums.daypilot.org/question/5744/cell-to-into-two-lines-or-below-the-current-line

how i can change the slots to be 15 min replace of 60 min ?

Answered: You'll need to change the "SlotDurationMinutes" value in the Timeline class. using Project.Models; namespace Project.Service { public class Timeline { public static int Slo...

Scheduler - Add text at the bottom of a day

Answered: Yes, you can add it using onBeforeCellRender. Try something like this: onBeforeCellRender: args => { args.cell.areas = [ { left: 0, right: 0, bottom: 0, text: "...

Scheduler - How to show tooltip on hover over active area

Answered: This syntax is correct and it seems to work fine. However, the screenshot doesn't correspond to the sample code - "left: 0, right: 0, top: 0, bottom: 0" will fill the whole cell. So you might want to...

Scheduler: New line is inserted after pressing Enter twice

Answered: It looks like the new event is not focused properly after it is created. The focus remains on the background grid cell. I recommend checking the onTimeRangeSelected handler - make sure that the new e...

Loading events from multiple sources (onto Scheduler)

Answered: You need to make two requests manually and merge the results into a single array. The following example uses two parallel requests, waits until both return a result and update the Scheduler: const ...

php hotel room booking

Answered: You can find the licensing options at the Buy page: https://javascript.daypilot.org/buy/

Wrong behaviour when navigating using keyboard API after entering inline editing mode

Answered: The event updates are performed asynchronously so that all updates performed in the same code segment can be merged and performed at once. That applies to the default edit action (including onEventEd...

Scheduler - Keyboard API causes an error when changing resources and events

Answered: In the latest sandbox build (2022.2.5266), the Scheduler will try to refocus the same target (cell based on start and resource, event based on ID) after update. If the target isn't available in the u...

Changing cellWidth moves the rowHeaderColumns to the most left

Answered: This issue should be fixed now in the latest sandbox build (2022.1.5262). Please let me know if there is any problem.

JSON error in file: daypilot-all.min.js

Answered: This happens if the PHP backend returns an error instead of a JSON response. I recommend checking the backend HTTP request using browser developer tools. The response will contain an error message wh...

Adding values of events than counting in Group Availability

Answered: This example will calculate a sum of values stored in a specified event field ("val"): onBeforeCellRender: (args) => { if (args.cell.isParent) { const field = "val"; const children =...

Re-Calculate Totals row when a row is deleted

Answered: The cells in rows marked with "cellsAutoUpdated: true" will be updated on every change, including a row removal. You might want to review and update the calculation logic. The tutorial (https://code....

Scheduler: How to disable rowheadercolumn resizing?

Answered: This is a divider between row headers and the main Scheduler grid. At this moment, it is always resizable when you enable row header scrolling: https://api.daypilot.org/daypilot-scheduler-rowheadersc...

Setting rowHeaderWidthAutoFit to true doesn't work if rowHeaderColumns ist set

Answered: The width auto-fit feature works with row header columns as well, but the width is calculated for the content cells (not for the column titles).

How set the scale resp. the zoom automatically on the number of days

Answered: The built-in zoom system (see the tutorial at https://code.daypilot.org/32893/javascript-scheduler-zoom) lets you specify the values either statically or using a function. If you use a function you w...

Need html5-hotel-room-booking-javascript-php in react version

Answered: To learn how to use the React Scheduler component please see the following tutorial: https://code.daypilot.org/77607/react-scheduler-tutorial The React version of the hotel tutorial is not available ...

How to add a database and script to handle public holidays.

Answered: There is a tutorial available that shows how to display holidays (by setting a custom scheduler cell background color): https://code.daypilot.org/93068/javascript-scheduler-displaying-holidays I beli...

Facing full screen mode issue on Scheduler timeline.

Answered: When the content doesn't fill the whole space vertically, the Scheduler displays an empty space. I see that you are using a custom CSS theme - you'll need to update it so the space below the content ...

Custom CSS class for a resource

Answered: You can use onBeforeRowHeaderRender event handler to add a custom CSS class: https://doc.daypilot.org/scheduler/row-header-customization/ Example: JavaScript dp.onBeforeRowHeaderRender = function(a...

Binding Jquery datatable with vue scheduler

Answered: It is possible to activate any DOM element as draggable to the Scheduler. If you have access to the row items in the jquery datatable then you can using DayPilot.Scheduler.makeDraggable() method to a...

How do you make more than one employee run the same shift

Answered: Yes, there are many different scenarios that are not covered by this sample. To add more people to the same time and location, you can choose a solution depending on the workflow: 1. To allow more as...

scheduler expand collapse animation control

Answered: You can disable the animation using treeAnimation property: https://api.daypilot.org/daypilot-scheduler-treeanimation/

How to format timeheader "Week"

Answered: Yes, you can do it using onBeforeTimeHeaderRender event handler: import {Component, ViewChild, AfterViewInit} from '@angular/core'; import {DayPilot, DayPilotSchedulerComponent} from 'daypilot-pro...

Change Arrow Icon on Links

Answered: The link arrows are 6px * 6px elements marked with the following CSS classes: scheduler_default_link_arrow_right scheduler_default_link_arrow_left scheduler_default_link_arrow_down scheduler_default_...

How to show custom loading indicator during rendering

Answered: Usually, you'll want to display the loading indicator when you initiate an HTTP call that loads the data. This way it will cover the whole waiting time.
Questions 1-30 of 401 Next