[ANGULAR] Using angular component as an event template

[elelad]

Hi,
We are using Scheduler in our Angular / Ionic app and need to implement buttons inside the event template of the timeline (not as a popup menu or tooltip - actually inside the event).
Here is an example:

event.png (82.6 KiB) Viewed 1262 times

We basically need a way to use Angular component as an event template.
Do you have a recommended way to achieve this?

[alex.l]

Hi elelad,

Yes, it is possible to do using Custom elements (https://angular.io/guide/elements) and https://www.bryntum.com/docs/scheduler/#Scheduler/view/mixin/SchedulerEventRendering#config-eventRenderer
So you just need to return an HTML (or custom tag for Angular).
We have examples for Grid, but not for Scheduler for now, so we will add one, here is a ticket: https://github.com/bryntum/support/issues/1933
Meanwhile, please check our examples for Grid:
https://bryntum.com/examples/grid/angular/angular-renderer/dist/angular-renderer/index.html
You can download a trial and check demo's source code. Readme has some useful information too.
Also this demo for Scheduler might be helpful to check:
https://bryntum.com/examples/scheduler/rough/

[elelad]

It's exactly how I thought to handle this and it works.
Is it has any effect on performance or something else?

[pmiklashevich]

Hello,

We didn't spot any performance issues related to the using angular components as inline editors. If you experience any performance issue, please create a new thread and we will try to help.

Best,
Pavel