Questions Tagged angular2
Bubble is positioned incorrectly (Angular 2+)
Hi I added dynamic tooltip in daypilot event calendar but the popover is seems to be misplaced. Please have a look at screenshot attached
How to drebug the angular Application in angular2`
Hi all how To debug the angula application. how to put Break point , in the angular2 thanks and regards siddu
Cannot use DayPilot.Angular.Modal
Answered: The modal dialog tutorial was created some time ago - the DayPilot.Angular namespace has been deprecated meanwhile. An updated version of the tutorial is now available (it uses Angular 6 and DayPilot...
How can I custom my css style for modal popup?
Answered: Please see my answer here: https://forums.daypilot.org/Topic.aspx/4185/change-the-position-of-createevent
Event handling method
Answered: You can define the event handlers directly on the DayPilot.Scheduler object (which is available as DayPilotComponent.control). Just note that DayPilotComponent.control is not available before AfterVi...
Disabling thick boarders when generating custom timeline
Answered: This is a line that is highlights places where the timeline is interrupted (a cell doesn't start at the same time where the previous cell ends). You can override the CSS manually like this (for the d...
Export Calendar Month with different event colors
Answered: The event colors should be already fixed in the latest sandbox version (since build 2936): https://javascript.daypilot.org/sandbox/ The TypeScript definitions [missing exportAs()] will be updated sho...
How to highlight the busy days in angular2
Answered: <daypilot navigator [config]="navigatorConfig" [events]="events" [(date)]="calendarConfig.startDate"></daypilot-navigator> here [events]="events" is list of events which is used in calendar so same c...
module daypilot angular
hi ! i would add this calendar to my software but it wont add the library daypilot pro angular so i install it , i put it in systemconfig.ts : " 'daypilot-pro-angular': 'npm:daypilot-pro-angular' " b...
Typescript compile errors in daypilot-angular.min.d.ts
Answered: These errors are fixed now in build 2914. Thanks for reporting the problem!
Multi cell selection does not seem to work on scheduler in scale hour
Hi, I am using the scheduler from "daypilot-pro-angular": "https://npm.daypilot.org/daypilot-pro-angular/trial/8.3.2826.tar.gz" Unlike the various samples you have provided, I am not able to select t...
How to make the newly created tab active in angular2?
Hello, I am currently using angular2 and I followed the plunker http://plnkr.co/edit/kQS0f9ERUOKRToA1bEXq?p=preview. Can you please let me know how to make the newly added tab as active tab and load ...
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/).
Scheduler
Answered: Yes. In that case the row height will be increased automatically so that all events fit in. You can disable event overlapping for drag and drop operations: https://doc.daypilot.org/scheduler/event-ov...
Drag and Drop task (events) on a specific resource
I have a Angular 2 web-app with tasks (events) and resources. I also have a drag-and-drop module instaled (https://www.npmjs.com/package/ng2-drag-drop). Is it posible to drag a task from a list and d...
Servers
Answered: With Angular CLI (which uses Webpack) the Angular 2 project needs to be run using "ng serve" (available as "npm run start"/"npm start") during development. That's why the tutorial uses two independen...
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...
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...
Jasmine unit tests for DayPilot Scheduler AngularJs Typescript
Hi, I need to write Jasmine unit tests for my page containing DayPilot Scheduler. Is there any sample code available. I have downloaded the TutorialAngular2Scheduler.20160919.zip project but it doesn...
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: ...
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...
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...
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...
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...
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;...
angular2-scheduler-spring-frontend npm start
Answered: Unfortunately I can't see the attachment. However, you may need to install Angular CLI globally first:
npm install -g angular-cli
The tutorial is built using Angular CLI version 1.0.0-beta.19-3. ...
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";
...
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 ...
Questions 1-30 of 34
Next