Questions Tagged scheduler
Back end
Answered: This project shows a single page with the restaurant reservation UI. It is kept as simple as possible so that the code can be modified easily. There is no admin part.
Scheduler - right clicking changes existing time range selection
Answered: Thanks for uploading the sample project. This issue should be fixed now in the latest sandbox build (2023.1.5487): https://release.daypilot.org/changes/js/ Please let me know if it doesn't work as ex...
Scheduler - New Event Placement Strategy
Answered: You might want to take a look at the "split resources" feature: https://doc.daypilot.org/scheduler/split-resources/ It lets you split a resource into multiple subresources, each having a special row ...
Scheduler - Restore default behaviour in onTimeRangeSelecting when snap to grid is disabled
Answered: You will find an example of a custom snap-to-grid implementation in this tutorial: https://code.daypilot.org/39403/javascript-scheduler-customized-snap-to-grid It is necessary to round/floor the date...
Scheduler - Cannot read properties of undefined (reading 'ignoreDisabledCells')
Answered: > No, but I forget to tell, that the error happens on right clicking any cell. It doesn't matter to which row the cell belongs. I select it and right click, then the error shows. Could you please che...
Issue when updating resources
Hello, I am using the scheduler type calendar, and when I try to make an update with the resources, I get the following error:
TypeError: Cannot read properties of undefined (reading 'hidden')
...
Scheduler - How to center multiple active areas horizontally in row header column
Answered: Unfortunately, it's not possible to center a variable number of active areas horizontally. The width is not adjusted because active areas are displayed in a separate layer which is not part of the ro...
Scheduler - active area images flicker during scheduler resizing
Answered: I'm not sure if you will be able to get rid of the flicker. During zoom, the Scheduler is re-rendered with the updated timeline and dimensions (including the row headers). There are a couple of thing...
Scheduler - onTimeRangeRightClick not fired on frozen rows
Answered: This should be fixed now in the latest sandbox build (2022.4.5471): https://release.daypilot.org/changes/js/
Scheduler: consecutive events appear as overlapping with high zoom level
Answered: In some cases this can happen. It's a result of the following logic: 1. The Scheduler enforces a minimum event with of 1px. 2. The overlaps are resolved on pixel level. These rules are necessary to e...
get all the months in a year
Answered: The date picker component can be configured to display multiple months: https://doc.daypilot.org/navigator/months/ They can be arranged vertically or horizontally: https://doc.daypilot.org/navigator/...
Scheduler - Is it possible to show whole days, although cell duration is half-day
Answered: You can use onBeforeGridLineRender to hide selected grid lines in the Scheduler: https://api.daypilot.org/daypilot-scheduler-onbeforegridlinerender/ You can also use a different approach - set scale ...
Scheduler - Changing the margin for certain events
Answered: Unfortunately, this is not supported at the moment. You can change it using CSS by overriding (increasing) the left/right/top/bottom properties of the inner div (marked with "scheduler_default_event_...
Scheduler - How to use linear-gradient() in event's backColor property
Answered: You can set the gradient using the "backColor" property. See also: https://api.daypilot.org/daypilot-event-data/ This example uses DayPilot.ColorUtil.lighter() and DayPilot.ColorUtil.darker() helpers...
Scheduler - How to show bubble for active area
Answered: This seems to be fine and a static version of your sample works well in my tests:
dp.events.list = [
{
id: DayPilot.guid(),
text: '',
resource: "frozen1",
s...
Scheduler - How to get current cell width when cellWidthSpec is set to "Auto"
Answered: The calculated value is stored in cellWidth: https://api.daypilot.org/daypilot-scheduler-cellwidth/
Events with rounded corners (border-radius)
Answered: It is not possible to set border-radius using a special property at the moment. However, you can can use cssClass to set multiple classes (separated by space).
Floating event feature is not working
Answered: I recommend using the browser devtools to check the DOM structure. If an event is partially hidden (outside of the current viewport), the Scheduler adds a special <div> element with "scheduler_defaul...
Scheduler - How to change the width of the last resource's column
Answered: This is fixed now in the latest sandbox build (2022.4.5455): 1. The splitter for the last column is accessible. 2. Resizing columns when the outer width is set to the max updates the outer width auto...
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...
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 ...