Questions Tagged javascript
Resource Bubble Not Working
Answered: In the recent versions, there seems to be a problem with displaying the resource bubble when hovering the first resource (Angular only). When you move the mouse to another resource, it works fine. Th...
No of Days Calculation is getting reduced by One Day
Answered: If you only work with full days, you can switch to eventEndSpec="Date" mode which will translate the end date to "end of day": https://doc.daypilot.org/scheduler/event-end-date-time/ But that will no...
Daypilot Navigator in french
Answered: Yes, just specify the locale when creating the DayPilot.Navigator instance:
var nav = new DayPilot.Navigator("nav");
nav.locale = "fr-fr";
nav.init();
See also: https://api.daypilot.org/daypilo...
Get day select in DayPilot Navigator
Answered: Yes, you can use selectionDay: https://api.daypilot.org/daypilot-navigator-selectionday/ If you have a Navigator instance called "nav":
var nav = new DayPilot.Navigator("...");
// ...
you can re...
Hotel Related - Book Multiple rooms for a single client
Answered: Yes, this is possible and there are several options: 1. You can select multiple time ranges using Ctrl+drag: https://doc.daypilot.org/scheduler/time-range-multi-selecting/ 2. You can create the reser...
COPY PASTE
Answered: You can access the original data object as "e.data". Example:
var newEvent = new DayPilot.Event({
start: args.newStart,
end: args.newEnd,
text: "text " + args.e.text(),
lieu: "lieu " + ...
Switch Weekly Daily
Answered: Please take a look at this tutorial: https://code.daypilot.org/61574/javascript-scheduler-switching-day-week-month-views Since the Hotel tutorial doesn't use "scale", "days", and "startDate" to gener...
DayPilot pro demo License request
Answered: Hi Jeffrey, Can you please send an email with a link to this question to support@daypilot.org? Thanks!
Can we show DayPilot Calendar in Hebrew Language?
Answered: The Hebrew locale is not included in the built-in set. You can create and register it using DayPilot.Locale.register() function: https://api.daypilot.org/daypilot-locale-register/ But please note tha...
How display not only a current month?
Answered: You can specify the number of days using days property: https://api.daypilot.org/daypilot-scheduler-days/ This way you can display as many months as you need.
How to include this scheduler to spring boot?
Answered: > SO the question is how can I send as a response this data from database to the jpa and to display it on the scheduler correctly. This is what the tutorial is trying to explain in "Loading Scheduler...
implement DayPilot.Scheduler.treeAnimation for Daypilot.Gantt
Answered: It's now available in the latest sandbox build (2020.1.4318): https://release.daypilot.org/changes/js/
Javascript (Gantt Chart)
Answered: The full list of properties that can be specified in the source data object or in onBeforeTaskRender can be found here: https://api.daypilot.org/daypilot-task-data/
Backcolor's make event text un-readable
Answered: The backColor property will accept all color formats defined in the CSS spec (it's translated to an inline "background" style): https://developer.mozilla.org/en-US/docs/Web/CSS/color_value To specify...
Angular Scheduler: resources and events rows get desynchronized with scrollIntoView
Answered: Unfortunately, it's not possible to scroll the page using the row header this way. If you really have to do it, you'll need to use an element from the main grid (e.g. a cell). This will keep both pan...
Angular Scheduler: no window vertical scroll on resource header when heightSpec=Auto
Answered: This issue should be fixed now in the latest sandbox build (2020.1.4311): https://release.daypilot.org/changes/js/ Please let me know if it doesn't work as expected.
Angular Scheduler: Slow Scrolling on Resource Headers with Firefox
Answered: This issue should be fixed in version 2020.1.4249: https://javascript.daypilot.org/daypilot-pro-for-javascript-2020-1-4294/ Please let me know if the problem persists.
DayPilot Pro for JavaScript > Installation
Answered: Hi Rafael, Yes, exactly. You just need to replace daypilot-all.min.js with the one from the licensed version.
ERROR in ./node_modules/daypilot-pro-angular/daypilot-angular.ngfactory.js
Answered: This issue is now fixed in the latest sandbox build (2020.1.4301).
Can we get a new onSort event
Answered: It's now available since build 2020.1.4314: https://release.daypilot.org/changes/js/ The event is called DayPilot.Scheduler.onRowSorted.
remove demo
Answered: You'll need to purchase a license: https://javascript.daypilot.org/buy/ The tutorial includes a trial version of DayPilot Pro.
How to add cssClass property per rowHeaderColumn in Tabular mode
Answered: Ok, I played a few hours, looked at the new resource object in tabular mode and came to the following solution. Note that I removed the 'display' attribute, to make sure DayPilot looks at the columns...
Export Scheduler Data
Answered: The best way to export the data is to use the events.list property: https://api.daypilot.org/daypilot-scheduler-events-list/ The Scheduler updates this array with all changes made using the UI (event...
How to add more fields when creating events
Answered: You can use DayPilot.Modal to display a custom page. This approach requires that this page interacts with the server directly. You can find an example in the following tutorial: https://code.daypilot...
DayPilot Scheduler Event Moving Shadow Issue
Answered: For the record: The problem was a combination of snapToGrid: true and useEventBoxes:"Never", cellDuration: 1440 and events that start at 12:00 (noon). The events snap to the grid with this config - t...
Calendar Resources Header width
Answered: Unfortunately, this is not supported at the moment. As you mentioned, it's possible to use fixed column width but it applies to all columns.
Set Display to a Business Year in Scheduler
Answered: Yes, this is possible. You need to modify the row total calculation logic so that it only includes the selected events. The Annual leave tutorial (https://code.daypilot.org/97780/php-annual-leave-sch...
When is the control ready to use?
Answered: The scheduler.control value is accessible since ngAfterViewInit.
Rolling schedule possible ?
Answered: The generated timeline (scale !== "Manual") starts at 00:00 on the date specified using startDate. If you want to shift the start by a smaller unit you will need to hide selected time cells (https://...
onBeforeCellRender
Answered: By default, the results of onBeforeCellRender are cached until the next update() call. You can disable the cache using beforeCellRenderCaching property. See also: https://api.daypilot.org/daypilot-sc...