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

Questions Tagged angular

Angular show() not working

Answered: In order to access the component using "this" you need to use the arrow function notation: reSizeScheduler = () => { this.scheduler.control.show(); } See also: https://www.typescriptlan...

Angular 8 Scheduler Error: The placeholder element not found when refresh

Answered: Please see more here: https://forums.daypilot.org/question/4269/daypilote-angular-2-error-daypilot-scheduler-the-placeholde

Multiple resources header

Answered: The Calendar can display a hierarchy of columns, just use the "children" property to specify child columns. You can also set the date for each column using the "start" property. See also: https://doc...

Angular Scheduler Event Link Delete ContentMenu

Answered: The SchedulerConfig.contextMenuLink property is now supported in the latest version: https://javascript.daypilot.org/daypilot-pro-for-javascript-2019-4-4153/

Angular Scheduler Zoom : 'name' does not exist in type 'ZoomLevel

Answered: This should be fixed now in the latest sandbox build (2019.4.4154). The tutorial project uses an untyped config object so you can use this approach as a workaround: config: any = { // ... }

Customer Event Add Modal

Answered: When the users selects a time range the Scheduler fires the onTimeRangeSelected event: onTimeRangeSelected: args => { this.create.show(args); } You can modify the event handler to...

Regarding Date

Answered: Please take a look at this tutorial which shows how to let users change the visible range: https://code.daypilot.org/27338/angular-scheduler-date-navigation

Angular Gantt Chart Cannot filter

Hi, The scheduler have rows.filter this function. https://doc.daypilot.org/scheduler/row-filtering/ However on gantt didnt have rows filter function https://doc.daypilot.org/gantt/rows/ How to do fil...

Angular Gantt Chart different Tasks in same one row

Answered: Only the Scheduler component can display multiple events/task in the same row. But it supports event links as well: https://javascript.daypilot.org/demo/scheduler/eventlinks.html

How can i set Day-pilot start and end hours as 8am to 8pm ?

Answered: You can use dayBeginsHour and dayEndsHour properties, please see an example here: https://doc.daypilot.org/calendar/overnight-scheduling/

Angular Gantt Chart replace onrowcreate with button

Answered: You can use your own button and add a new record to config.tasks property (Angular will detect the change) or you can use the direct API tasks.add() method: https://api.daypilot.org/daypilot-gantt-ta...

resource calendar

Answered: You can disable selected grid cells to make them unavailable for drag and drop operations: https://doc.daypilot.org/scheduler/disabled-cells/ See also the following tutorial that shows how to define ...

Looking for a way to update the viewport without having to scroll after render in DayPilot Scheduler

Answered: You can take a look at the following tutorial: https://code.daypilot.org/12302/angular-scheduler-zoom It's an Angular sample that uses the built-in Scheduler zoom support which retains the scrollbar ...

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

Filter by Group

Answered: Yes, this is possible: dp.onRowFilter = function(args) { if (args.row.name.toUpperCase().indexOf(args.filter.toUpperCase()) === -1) { args.visible = false; } var parent = ar...

Korean language support

Answered: Korean locale ("ko-kr") is now added in the latest sandbox build (2019.3.3983).

Hide bubble on outside click of calendar (Angular 6)

I'm showing bubble on click of event and I set hideAfter property to '0'. It works pretty well, but the bubble popover do not hide if I click outside of daypilot calendar. Any help is appreciated.

How to show popover on click of event in daypilot calendar

Answered: DayPilot includes a built-in callout named "bubble". See more here: https://doc.daypilot.org/calendar/event-bubble/ You can map it to event click action by setting eventClickHandling config property ...

NG7 - scheduler (zoom example): undefined "args" in .config ?!

Answered: It looks like if you set startDate using a string (not DayPilot.Date) in the config you may receive it in args.date unconverted. It's fixed now in the latest sandbox build (2019.2.3893). In previous ...

Scheduler Grid HTML File

Answered: The Scheduler grid can be customized using the API, such as onBeforeCellRender event handler (see https://doc.daypilot.org/scheduler/cell-customization/). The full version includes unminified source ...

Angular Scheduler - Horizontal scroll position

Answered: It looks like the problem might be the scrollTo/scrollX/scrollY properties in the scheduler config object. If you add them to the config they will be re-applied whenever the Scheduler detects a chang...

2 rows for one resource

Answered: It is possible to display two rows for each resource: 1. The resource id needs to be unique. This can be done by prefixing a certain string to the resource id, e.g. "R" + id for reservations rows, "I...

Open source version of Kanban board

Answered: Unfortunately, the Kanban board component is only available in DayPilot Pro (paid version). See also the feature matrix: https://javascript.daypilot.org/feature-matrix/

regarding SASS license

Answered: When you need to deploy multiple instances (e.g. for scalability reasons) you'll need to upgrade to a multi-server license (i.e. SaaS Team or SaaS Office).

Increase the height of the DayPilot Calendar control to fit its parent dynamically

Answered: Please see the following tutorial for a working example (Scheduler with heightSpec set to "Parent100Pct"): https://code.daypilot.org/75104/angular-scheduler-full-screen-layout

How to switch between the Day,Week and Month view in Angular4

Answered: Please see the following sample project that shows how to implement a calendar with day/week/month views: https://code.daypilot.org/30451/angular-calendar-day-week-month-views

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-...
Questions 1-30 of 67 Next