Questions Tagged javascript
Property 'makeDraggable' does not exist on type 'typeof Calendar'.
Answered: The DayPilot.Calendar.makeDraggable() method was missing in the TypeScript definitions. It's now added in the latest sandbox build (2021.1.4829). As a workaround, you can cast the DayPilot object to ...
Insert gap between multiple stacked events to ensure good user readibility
Answered: You can use eventMarginBottom property to specify the space between events: https://api.daypilot.org/daypilot-scheduler-eventmarginbottom/ Please note that in the current release, it's incorrectly ap...
Add Resources Afterwards
Answered: To add resources you need to modify the resources[] array and call update():
dp.resources.push({name: "New resource 1", id: "NR1"});
dp.resources.push({name: "New resource 2", id: "NR2"});
dp.upd...
Diferent design for resource bubble and event bubble
Answered: I already found the problem, I changed the class name for event bubble using this: bubble: new DayPilot.Bubble({ theme: "bubble_event_main", }), Thank you.
Scheduler: Cannot read property 'y' of null
Answered: This can happen if you enable keyboard access with keyboardTarget = 'document' and hit enter before focusing a grid cell. It should be fixed now in the latest sandbox build (2020.4.4821).
No rendering after resizing the separator between resources and events
Answered: It should be fixed now in the latest sandbox build (2020.4.4827). Please let me know if there is any problem.
Main rows with background color opacity less than 1 don't get covered by fixed rows
Answered: This is by design. The frozen rows are displayed on top of the main grid and if you use transparent background for the frozen row cells you'll see the underlying grid.
How to convert php to spring boot
Answered: Unfortunately, this tutorial is not available for Spring Boot at this moment. To see how the Calendar and Scheduler components can be used with Spring Boot backend, please see the following tutorials...
Update certain columns of the resources
Answered: 1. You can update a single row using rows.update(): https://api.daypilot.org/daypilot-scheduler-rows-update/ 2. It's also possible to change HTML of a specific row header column directly using DayPil...
crosshairType (Full): events part of frozen rows is not highlighted
Answered: The full crosshair is now fully supported in combination with frozen rows in the latest sandbox build (since 2020.4.4811).
Error with fixed rows and certain data
Answered: This issue should be fixed now in the latest sandbox build (2020.4.4810). Please let me know if the problem persits.
Scheduler: keyboard navigation using the Tab-key
Answered: At this moment, no. The keyboard access has no API yet. It will be introduced soon and it will include an option to add custom key mappings.
i want to chart add in codeigniter but data not fetch from conreoller
i want to chart add in codeigniter but data not fetch from conreoller anyone can send me code for codeigniter same chart?
Line between normal and frozen rows
Answered: In the latest version (2020.4.4807), the horizontal lines separating frozen rows from the main grid are now marked with special CSS classes (*_divider_horizontal_frozen_top and *_divider_horizontal_f...
DayPilot cell can't handle three areas
Answered: If you use an old version of DayPilot, I recommend upgrading to the latest release. The "areas" property directly in Cell is a legacy location which is not part of the TypeScript definitions but it's...
What program should i use for the codes?
Answered: In order to run the project, you'll need PHP, a webserver and a MySQL database server. A decent knowledge of JavaScript is also necessary if you want to customize the project. If you are a complete b...
Floating Events doesn't work
Answered: The floating events are enabled by default. It works as follows: 1. Events that start before startDate will have *_event_continueleft class. This doesn't change with scrolling. 2. The float div (mark...
Initial events load seems to happen before onBeforeCellRender()
Answered: This issue should be fixed now in the latest sandbox build (2020.4.4805). Could you please give it a try and let me know if the problem persists? https://javascript.daypilot.org/sandbox/
Scheduler limit the number of column
Answered: This can't be done automatically but you can calculate the cellWidth value based on the screen size (window.innerWidth) before displaying the Scheduler. You need to take into account the width of oth...
Looking for a coder
Hi :) Hope this is allowd by admin, if not let me know. Im doing a small “home-project” and need assistance with configurering the AJAX Scheduler for JavaScript/PHP. I have some specific behavior i w...
Declaration-file for Vue.JS
Answered: The TypeScript declarations are now included in the latest sandbox build (2020.4.4792) of the Vue package (daypilot-pro-vue). Please let me know if there is any problem.
Cannot Move back to Current Date on Navigator
Answered: This issue should be fixed now in the latest sandbox build (2020.4.4804).
Scheduler Spacing between Time header and Main area
Answered: You can add a special row frozen to the top of the grid: https://doc.daypilot.org/scheduler/frozen-rows/ You'd have to play with its properties and styling a bit. E.g. you can set custom height using...
Display custom tooltip on areas
Answered: Do you use the DayPilot.Bubble object to display the tooltip? The Scheduler doesn't use any z-index but you might want to check its parent elements. The bubble is displayed using a <div> that is inse...
Disable hours range only in specific date cell
Answered: The first condition is only true for the first cell in a day (which start at 00:00). You need to compare the date part instead:
(
args.cell.start.getDatePart() === new DayPilot.Date("2020-12-02"...
Swap events but keep duration
Answered: The tutorial is now updated and it will keep the duration of both events after they are swapped:
var targetDuration = targetEvent.duration();
targetEvent.data.start = sourceEvent.data.start;...
Bug parsing datetime
Answered: The first date format ("2020-11-18T13:02:26.249-05:00") is supported and it will work fine. The second date format ("2020-11-18T13:33:24.38-05:00") is not supported at the moment. To see all availabl...
Vue.js: Scheduler requests having the wrong period
Answered: The Scheduler uses visibleStart() and visibleEnd() to read the current visible range boundaries in events.load(). If you make changes to startDate and days these changes will only be applied when you...
Scheduler resource each row alternative color
Answered: Please take a look at this example: https://doc.daypilot.org/scheduler/alternate-row-colors/
Angular Daypilot trail version
Answered: After the trial period you need to purchase a license or stop using the library.