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

Questions Tagged javascript

Daypilot Scheduler - Bubble shown on different page

Answered: There is a static DayPilot.Bubble.hide() method that will hide the current bubble immediately:

Event counter per day

Hello, I'm building a scheduler with 3 different possible events for each resource and I would like to get the number of these events for all the resources per day. Do you think there is a solution? ...

DayPilot Pro for JavaScript (Web Start) $499

Answered: Yes, the Angular Scheduler component is part of DayPilot Pro for JavaScript:

exportAs printing method throws an error

Answered: I do not see any error with the latest release so I recommend giving it a try. Please let me know if the problem persists.

Angular 9 upgrade : can not install module with my API key

Answered: Can you please contact and include your order number?

Infinite scrolling only works after browser refresh(F5) with version 2020.2.4516

Answered: Version 4516 with the following config it seems to work fine: config: DayPilot.SchedulerConfig = { infiniteScrollingEnabled: true, infiniteScrollingMargin: 20, infiniteScrollingSte...

findByPixels returns cell with incorrect date

Answered: And what's the use case? The purpose of onGridMouseDown is to modify the click + shift/ctrl/meta behavior before the actual events are fired, not to handle clicks on events and cells. Normally you wo...

unexpected scroll on init | incorrect onScroll behavior |infinity scroll loop

Answered: You must not assign the events attribute in onScroll. This causes the change detection mechanism to refresh the Scheduler and fire another onScroll event. See also a related question (it's for Angula...

How to run this source code?

how to run this source using xampp

Hotel Room Booking Tutorial with infinite scrolling

Answered: The infinite scrolling is only supported for timelines generated automatically (scale !== "Manual"). However, it's possible to adjust the generated time cells using onIncludeTimeCell to achieve the s...

export as pdf

Answered: You'll need to define images using active areas as demonstrated in this tutorial:

onScroll infinite loop

Answered: Unfortunately, I'm not able to reproduce the problem with args.clearEvents = true. Which version of DayPilot do you use? In Angular, it's necessary to avoid changes to the watched objects ([config] a...

onRowClick/Clicked event

Answered: It's now available in the latest sandbox build (2020.2.4505):

eventEndSpec and onBeforeCellRender

Answered: This issue is fixed now in the latest sandbox build (2020.2.4519):

infinity horizontal scroll

Answered: It seems i was to early with my post. i came across this documentation. Going to try this out first.

Popup menu (contextmenu) behind modal

Answered: You can set the z-index of both components using zIndex property:

Answered: You can access the original data object like this: var data = events[0].data;

Fixed column width on row header

Answered: Hi Bertrand, I'm not sure what exactly the problem is but: 1. The "RowHeaderWidthAutoFit" property needs to be renamed to "rowHeaderWidthAutoFit":

Time range context menu is opened when time range is selected and clicking on event

Answered: Can you please give it a try using the latest DayPilot Pro version (2020.2.4470)?

Alert() Replacement in TypeScript, Angular.

Answered: Please see the following tutorial:


Answered: The onBeforeCellRender implementation must be very fast because it's called for every cell in the grid during scrolling. I recommend reading all cell data in advance and storing it on the client side...

How to change start time?

Answered: In the Pro version, this can be set using dayBeginsHour and dayEndsHour properties. See also:

How to change bar color?

Answered: The right property name is "barColor". Here is a full list of event object properties: There is also an example that shows how to change the duration bar...

full display for Calendar

Answered: In the JavaScript version, all member names follow the camel case convention. You need to use "heightSpec":

In tutorial app is referenced

Answered: It's the Vue app: var app = new Vue({ el: '#scheduler-app', data: { } }); It was missing in the previous code samples - the tutorial is updated now.

Scheduler not showing

Answered: The following combination of properties results in an empty timeline: days: 1, startDate: new DayPilot.Date('2020-02-01T00:00:00+00:00'), showNonBusiness: false, businessWeekends: false, The s...

Not having startDate and days filled in in the config doesn't cause the gantt to show every task

Answered: The parent tasks can either use fixed start/end values or values calculated from the children (which is the default mode). You can switch the mode using "taskGroupMode" property: https://api.daypilot...

Change the amount of days on screen, scroll through entire year

Answered: Yes, you'd have to calculate the cellWidth based on the viewport size. Something like this: cellWidth: function(args) { var days =; return Math.floor(dp.nav.scroll.clientWid...

Arrow issue

Answered: This is by design. In the Scheduler, the left edge uses "w-resize" cursor and the right edge uses "e-resize" cursor. If you don't like the appearance you can replace the built-in resize margins by ac...

New Event with dropdown values as name

On the creation of a new event, instead of typing name, get possible values from a query to a mysql. Getting a dropdown menu to select the name of the event.
Questions 1-30 of 1139 Next