Questions Tagged javascript
DayPilot.Scheduler.resources expects an array object in 8.3.2724
Hello, I evaluated feasibility of daypilot in Angular in trial of version 1938 and now we bought licensed code. Once I copied library I started to getting error: DayPilot.Scheduler.resources expects ...
SyntaxError: Unexpected token in JSON at position 0
Answered: It is definitively related to the use of BOM, If I open the file I clearly see the [ at first position but if the file is read through fs, the BOM is not stripped and the JSON.parse fails.
dragging from external list focusing on prefer target
Answered: I worked it out using scrollTo & scrollToResource. thanks anyway
Gantt: onBeforeTaskRender cssClass not working
Answered: You need to specify the CSS class for either the row header (args.data.row.cssClass) or for the task box in the grid (args.data.box.cssClass). In the Gantt chart, args.data.cssClass doesn't exist:
...
JS Schedular - Multimove across the resources(y axis)
Answered: You can move all events if you set multiMoveVerticalMode property to "All":
dp.multiMoveVerticalMode = "All";
The documentation is now updated.
typescript can't find Property 'makeDraggable'
Answered: DayPilot.Scheduler.makeDraggable() is now included in the TypeScript definitions (since https://javascript.daypilot.org/daypilot-pro-for-javascript-8-3-sp12/).
Time Range Multi-Selecting without holding ctrl.
Hello everyone, is it possible to do a multirow select without holding the ctrl button in the scheduler? I should be possible to select the startDate by clicking on one cell. Then the user should hol...
delete and/or view
hi, how do i delete/cancel the event on your program? also, how or where can i access or view it's database? 'coz i can't see it in my localhost. i'm using uwamp server. it would be great if you help...
Display selected day in Navigator
Answered: You can select a given day using .select() method:
<div id="nav"></div>
<script>
var nav = DayPilot.Navigator("nav");
// ...
nav.init();
nav.select("2017-03-13');
</script>
See al...
Events show less one day and endDate on TimeRageSelected gives 1 more day
Answered: This is by design. Please see this topic for more details and other options: https://doc.daypilot.org/scheduler/event-end-date-time/
Leak on the splitter object in daypilot-all.debug.js
We found out that the events 'mouseup' and 'mousemove' registered in daypilot-all.debug.js line 6227 are never unregistered, causing a leak every time you zoom in/out of the component. this.registerG...
Automatically moving later events when inserting new event
Answered: This is a nice feature but it's not implemented at the moment because it would lead to bad app design (allowing inconsistencies). 1. Let's say you have scheduled one event per day for a given resourc...
Svg export bug
Answered: The time header background color should now work properly with the latest sanbox build (8.3.2737): https://javascript.daypilot.org/sandbox/ The export doesn't support HTML in the Scheduler elements a...
Cannot read property 'height' of undefined
Answered: After trying a few things I've came to the conclusion that dp.update() can not be executed before dp.show() or vice-versa.
Finding empty time slots in the event calendar
I am trying to build a timesheet app and I want to find all the empty slots (where there is no event assigned to the time slot) on a given day and not let them submit if there are more than accepted ...
cells don't appear with background color
Answered: Are you using the latest DayPilot Pro version? This normally shouldn't happen and I'm not able to reproduce this problem. Anyway, as a workaround you can also call: dp.show(); It has the same effect ...
Error while compiling angular2 project using AOT compiler " StaticSymbols in summaries can't have members!".
Answered: The latest sandbox build (8.3.2769) now supports AOT. The Angular 2 components were moved out of the DayPilot.Angular namespace and it's necessary to use the new component names. The old components i...
Angular2 : problem with licensed version
Answered: There is a bug in the latest release. It's already fixed in the latest sandbox build and a new release is on the way - it will be available later today. Meanwhile, you can use the previous release (8...
Cell customize
Answered: I'm not sure if this is exactly what you are looking for but you can get a list of events the overlap a given cell in onBeforeCellRender using args.cell.events(). See also: https://api.daypilot.org/d...
Half Day Blocks
Answered: Found a solution... function onEventMoving(args) { args.start = args.start.getDatePart().addHours(12); args.end = args.end.getDatePart().addHours(12); }
Change actual date to "Day 1" for shift cycle
Is it possible to change the actual date in the header, e.g. 02/16/2017 to "Day 1", "Day 2", etc.? This is useful when doing/showing shift cycles where a date is not relevant (dates are assigned late...
Monthly Time range selection is erratic
Answered: Thanks for the reply Dan. No issue with clearing it manually. It was just acting slightly different from the Lite version and wanted to be sure it wasn't something stupid that i did.
Demo version question
Answered: The demo doesn't have this kind of limitation. It might be your bug, but it might also be a DayPilot bug - so let me know in that case.
How can I update the DayPilot in modal after adding events?
Answered: The Scheduler needs to read its own dimensions after rendering in order to render the current viewport. This isn't possible if the Scheduler is in a hidden area of a page (e.g. in a <div> with displa...
Disable daypilot.task.complete (percentage) on DayPilot Gantt
There are times I do not want to show the progress (complete percentage) of each task in DayPilot Gantt. Is there anyway to disable/hide the complete percentage progress text? Instead I would show ta...
How to display more than one(current) mont ?
I have a sheduler like on screenshot. Unfortunately it shows only reservations(load from database) from current month. I'm able to display more days (eg dp.days = 365;) but there's no cells(only line...
Change DurationBarColor when click
How can I change the DurationBarColor when I click on event? (Gantt) Is there a way that I can change a specific event style box from the program? When I tried the DurationBarColor it didn't work for...
How to hide Daypilot.contextMenu
Answered: You can use hideOnMouseOut property:
var dp = new DayPilot.Menu({
items: [ {...}, {...}],
hideOnMouseOut: true
});