Questions Tagged typescript
How to render component in event areas's html?
I have tried loading a component (<tw-popover-teams></tw-popover-teams> ) in 'html' of event areas but could not achieve. Please suggest. args.e.areas.push({ right: 6, bottom: 0, left: 0, visibility:...
How to remove default mousedown event on calendar events?
Answered: It's not possible to remove event handlers from the event div. However, you can handle onAfterEventRender event to get access to the event div and customize it. The event consists of two main <div> e...
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...
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...
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 ...
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...
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 ...
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 ...
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...
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...
How to run the project sample
Answered: It looks like you'll need to enable SQLite PDO driver in php.ini config file (it's not enabled by default): Windows:
[PHP]
; ...
extension=php_pdo_sqlite.dll
; ...
Linux:
[PHP]
; ...
exten...
Include this component in an Ionic project
Answered: Ionic is based on Angular so you can simply follow the documentation for the Angular scheduler: https://doc.daypilot.org/scheduler/angular-2/ Let me know if there is any problem.
can we change the color of gantt chart progress-bar?
can we change the color of gantt chart progress-bar? I uploaded one image file for the help on gantt-chart Please revert back asap thanks
DayPilot > Scheduler > Printing - results in blank page
Answered: OK. Finally got this to work. this was my final version: var image = this.$scope.dps.scheduler.exportAs("SVG" ,{ area: "range", dateFrom: this.formatDate(fromDate), dateTo: this.formatDate(toDate), q...
Typescript compile errors in daypilot-angular.min.d.ts
Answered: These errors are fixed now in build 2914. Thanks for reporting the problem!
Angular 4
Answered: The DayPilot namespace still works the same way. Just import it:
import {DayPilot, DayPilotSchedulerComponent} from "daypilot-pro-angular";
And you can use it in the code.
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...
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...