search envelope-o feed check
Home Unanswered Active Tags New Question

Questions Tagged angular

Drag and drop into Angular schedular

Hi there Is it possible to drag and drop an external object into the Angular scheduler? Do you perhaps have an example or demo of dragging and dropping from another component into the scheduler?

Format date in timesheet mode (Angular 5)

Answered: By default, the timesheet uses the short date format specified using the current locale for the day headers. You can customize the text using onBeforeRowHeader render event handler: config: any = {...

How to routing on onEventClicked: function (args) { } ANGULAR

Answered: Try using the TypeScript syntax: constructor(private router: Router) { } config: any = { onEventClicked: args => { this.router.navigate(.....); } } When using the JavaScript syntax "...

Scheduler small events width

Answered: Hi Martin, If this only affects short events, I'd recommend reviewing the useEventBoxes property: https://doc.daypilot.org/scheduler/exact-event-duration/ https://api.daypilot.org/daypilot-scheduler-...

CellAray type is missing forRange function in Angular

Answered: Thanks for reporting the issue. The forRange() method is now added to the TypeScript definitions in the latest sandbox build (2018.3.3385).

No source variable in ContextMenu when opened programatically with TouchEvent

Answered: Hi Dan Thank you so much for your help. I upgraded to the latest stable version 2018.3.3353 and now it works without any issue... PS: I noticed that I can't install the sandbox version as pro version...

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...

Event text is overlapping with added active areas

Answered: There are two ways to fix that: 1. Apply additional padding to the inner event div ("scheduler_default_event_inner" CSS class in the Scheduler) to prevent overlapping with the active area. 2. Set the...

Hide complete percentage label

Answered: You can customize the task text/HTML using onBeforeTaskRender: config: any = { onBeforeTaskRender: args => { args.data.box.html = args.data.text; // displays task text instead of percenta...

Add new column

Can we add new column with description

Showing Custom Data

Answered: The Scheduler requires the key data (such as event start, end, id) to be stored in specific properties. You need to transform your data items to match the required structure. You can use map() to do ...

Daypilote Angular 2 : ERROR : DayPilot.Scheduler: The placeholder element not found: 'dp_1527237171484105172'.

Answered: The Scheduler requires that the component is actually rendered during initialization. It creates a placeholder with ID starting with "dp_" which needs to be present. It looks like the accordion doesn...

Angular 6 error

Answered: Martin- Angular 6 requires DayPilot Pro version 2018.2.3281 or later: https://javascript.daypilot.org/daypilot-pro-for-javascript-2018-2-3281/ I'm not able to reproduce the error with that version. T...

DayPilot Context menu submenu

Answered: This was caused by a missing "items" property in the TypeScript definition of MenuItemData interface. It's now fixed in the latest sandbox build (2018.2.3283). Please let me know if it doesn't work a...

Scheduler - Row header columns export issue

Answered: There was a bug which caused the width of the first column to be calculated incorrectly - that made the text invisible for args.horizontalAlignment = "center". It should be fixed now in the latest sa...

Angular CLI - Module build failed: RangeError: Maximum call stack size exceeded

Answered: I've tested a clean new project generated using Angular CLI 1.7.4 and it works fine. After adding DayPilot Pro 8.4.3056 npm install https://npm.daypilot.org/daypilot-pro-angular/trial/8.4.3056.tar....

Disable event overlap

Answered: The Scheduler can prevents overlap during drag and drop operations (https://doc.daypilot.org/scheduler/event-overlaps/). However, if you need to check the validity of the input values in a modal dial...

Move event

Answered: Please ignore this question. I have found the issue, there is something wrong with my loadEvent function. The system requires array of objects(something likes [{123},{124}]), however I sent array of ...

Angular 5 Scheduler Event cssClass

Answered: You need to target ":host ::ng-deep" to the CSS selector: styles: [' :host ::ng-deep .test { font-weight: bold; } '], This style will be translated to something like this: [_nghost-c1] .test {...

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

Change the position of CreateEvent

Answered: Unfortunately not. The current implementation of the modal dialog (the Angular version) doesn't support customization of the position. It's always fixed at the top, with the height set automatically ...

Scheduler Event Context Menu during multiselect

Answered: You can get a list of all selected events using DayPilot.Scheduler.multiselect.events() method: https://api.daypilot.org/daypilot-scheduler-multiselect-events/ let events = this.scheduler.control.m...

Render Angular 5 component into DayPilotMonth cell template

Is is possible to render a angular component into DayPilotMonth cell template html? I'm trying to pass nativeElement as HTML attribute, but it doesn't work. Only renders "[object HTMLElement]". onBef...

How to run PHP code without affecting performance

Answered: If you don't need to result to continue you can simply open the dialog right away. Don't open the dialog from the response callback. Instead of this: this.http.get("/api").subscribe(result => { ...

onEventResized and onEventMoved

Answered: If you want the event to be moved automatically you need to use "Update" value for the *Handling properties: config: any = { eventMoveHandling: "Update", eventResizeHandling: "Update" } If...

Double events show

Answered: Can you try upgrading to the latest DayPilot Pro version? Try running the following command in the console: npm install https://npm.daypilot.org/daypilot-pro-angular/trial/2018.1.3156.tar.gz --save...

Vertical movement of event does show event during moving on timesheet

I have an angular5-app, based on your demos, and switched to the viewtype="Days". Event-Moving is working, however, during the move the event is not shown. Here my config: config: any = { locale: "de...

how to make the "DEMO" in the corner disappear

Answered: The tutorial project uses a trial version which is limited to evaluation purposes. If you decide to use it you'll need to purchase a license. The full version comes without the DEMO label: https://ja...

how to show more information then just the name of the event

Answered: You can customize the event appearance (including the HTML content) using onBeforeEventRender event handler: https://doc.daypilot.org/scheduler/event-customization/ Another option is to display a cal...

How to customize the create event dialog

Answered: Please take a look at the following tutorial: https://code.daypilot.org/29513/angular-2-scheduler-modal-dialog-for-event-editing It shows how to create a customized modal dialog for editing event det...
Questions 1-30 of 41 Next