Questions Tagged javascript
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
});
How to change the Day Width
Answered: You can customize the cell width using cellWidth property. The Gantt chart component is based on the Scheduler and in uses the same API:
dp.cellWidth = 60;
dp.update();
Not allowed to add event on same place after Deleting the event
Answered: Got this to work with following code change:- let shiftToDelete = dp.events.find(this.selectedEventId); dp.events.remove(shiftToDelete); dp.clearSelection(); But is it necessary to call clear selecti...
Angular2 row filter + auto width
Answered: A tutorial on row filtering in Angular 2 is in the works and it will be published in a day or two. The row header width autofit should work fine, let me check that.
Open edit window after creating
Answered: It's possible to open the edit dialog on the client side as soon as the TimeRangeSelected callback is finished. You can pass custom data back to the client side using DayPilotCalendar.Update() and re...
dp.scrollTo is giving performance issue on IE browser
Answered: Hi Devendra, Have you seen this thread? http://forums.daypilot.org/Topic.aspx/3626/angular2-scheduler-performance-issue-after-upgrade The latest Angular 2 version (2.3+) degrades Scheduler performanc...
Daypilot angular2 scheduler control takes time to render (compared to FF,chrome) - peformance issue
Answered: Please see my reply here: https://forums.daypilot.org/Topic.aspx/3641/dp-scrollto-is-giving-performance-issue-on-ie-browser It points to a longer discussion: http://forums.daypilot.org/Topic.aspx/362...
How to apply daypilot license?
Answered: You need to use daypilot-all.min.js file from the full package. This file is different for the licensed version.
Scheduler for Angular2 not creating resource children
Answered: The resource tree is disabled by default (it adds node icons to the rows which is not desired if it's a flat structure). You can enable by adding "treeEnabled: true":
config: any = {
scale: ...
Full View Print on Scheduler
Answered: Yes, it's possible using the standard exportAs().print() call. Just specify the area you want to export:
dp.exportAs("svg", { area: "full"}).print();
You can try it in the browser console in the ...
Angular2 Scheduler performance issue after upgrade
Answered: It looks like zone.js generates an internal error whenever an event handler is assigned to a DOM object. This error is handled internally - I'm not sure if it's part of the standard workflow, but it'...
Scheduler with Week, Day header, and clickble on Date.
Hi, Can you provide me the Daypilot Header with the Week, Day, Month. And whenever I click on Date open that particular Date events.
Display total for each resource and for each hour
Hi, My daypilot is group by below: timeHeaders: [ { groupBy: "Hour" } ], days: 1 I have two requirements: 1. View total of shifts for each resource I want to add column on extreme right side to displ...
image in Scheduler
Hi Can it is possible to have an profile image of Resources in Daypilot Scheduler. If it is possible can you provide me the code in JS. Thanks Anil Singh
Assign custom list in event list
Answered: The most common problem when the events don't appear is that the resource id reference (dp.events.list[].resource) doesn't match the id of the resource (dp.resources[].id). Note that it must be exact...
Using DayPilot.Modal.alert() DayPilot.Modal.prompt() and DayPilot.Modal.confirm()
Answered: A tutorial on using DayPilot.Modal.alert() is now available: https://code.daypilot.org/11136/javascript-alert-replacement Other modal types are coming soon.
Daypilot Angular2 scheduler control not displaying 15/30 min slots in header
Answered: You can download a sample project that shows how to customize the time header here: https://code.daypilot.org/96228/tutorial-javascript-scheduler-time-header-customization In Angular 2 you can use th...
Angular2 scheduler control not displaying 15/30 min slots in header
Answered: If you use groupBy: "Cell" in the row header definition it will display time header cells with size corresponding to the grid cells. Example:
config: any = {
scale: "CellDuration", // scale de...
automatic scrolling on resources
Answered: At this moment the autoscroll feature is enabled only during drag & drop by default. In order to scroll the resources down you need to use autoScroll = "Always" and move the mouse cursor close to the...
Scroll to particular hour of day
Answered: The scrollTo() method also accepts DayPilot.Date object/ISO 8601 date string so you can use it to scroll to a specific point in time. The Angular 2 version also supports scrollTo as a property of the...