Questions Tagged javascript
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...
How to add text field in cell?
Answered: Yes, you can add custom HTML to grid cells using onBeforeCellRender event handler. Example:
dp.onBeforeCellRender = function(args) {
if (args.cell.resource === "A")
args.cell.html = "12";
...
Disable right click on DayPilot Scheduler
Answered: By default, timeRangeRightClickHandling is set to "ContextMenu". That means grid right click activates the context menu - but it must be set using contextMenuSelection property. If you use timeRangeR...
Can't Seem to dynamically load on scroll
Answered: That was it. I was storing the resource as a varchar originally. Switched this to an int in the database instead, problem solved. Thanks for the help.
Display lines for 30 mins and hour cells when using Scheduler group by hour
Answered: 1. You can override the default vertical line style to dotted using CSS. This works for the default theme ("scheduler_default"):
.scheduler_default_matrix_vertical_line { background-color: inherit;...
Restrict resizing or moving event which goes to previous day
Answered: Update: "dp" is the DayPilot.Scheduler object. This is a complete Scheduler component example:
import {Component, ViewChild} from '@angular/core';
import {DayPilot} from "daypilot-pro-angular";
...
Call function in blade view laravel
Hello, there i using this js with laravel, how to call the function (e.g. loadResource-load event) in blade view? and how to call data from database? Thanks
reloading events on scheduler from server after initialization
I'm using a demo version of the scheduler pro for angularjs and am pulling in angulerjs v 1.3.8. I'm having difficulty re-loading the scheduler with events after the control has been initialized. Eve...
Displaying total hours when adding or editing shifts in daypilot scheduler control
Answered: The following tutorial (for AngularJS 1.x) shows how to display total time occupied by events in each row: https://code.daypilot.org/54503/angularjs-timesheet-tutorial-javascript-php You can use the ...
How to block (and show) a complete day
Answered: If I understand it correctly you are asking for something slightly different than the original question: https://forums.daypilot.org/Topic.aspx/2944/how-to-block-and-show-a-complete-day Konrad would ...
How to get Date from Navigator using JavaScript and copy to textbox
Answered: 1. You can get the current selection using the following properties: * nav.selectionDay - the exact day that was clicked * nav.selectionStart - start of the selection * nav.selectionEnd - end of the ...
When setting timezone to australia/sydney event in day calendar shows 30 mins late
i use moment js to arrange time my calendar config: $scope.calendarConfig = { startDate: moment().utcOffset(11).format('YYYY-MM-DD') } in my database there is different field for time and date so i u...
Custom weekend days
Answered: The onBeforeCellRender applies the properties (business/non-business) to grid cells. The business status can be set for each cell separately and it's possible that cells in the same column will not h...
JavaScript Source from Pro Purchase
Answered: The JavaScript files in in the ASP.NET WebForms are not licensed for standalone usage - they can only be used within the DLL as embedded resources. If you prefer using the JavaScript version you can ...
how to use suport
Answered: You can ask your question here in the forum: https://forums.daypilot.org/question/new Or you can contact support directly: support@daypilot.org.
Android tap on event triggering time range selected in month Daypilot.Month view
IOS works fine however taping on an existing event in the Daypilot Month view using an android devices is also causing the onTimeRangeSelected to be fired shortly afterwards.