Page 1 of 1

[ANGULAR] How to override event editor?

Posted: Fri Jan 27, 2023 1:29 pm
by msrotate

Hello team,

I have a question about base event editor.
Is there any way to add custom angular component in default edit event window, without creating custom modal box for it?


Re: [ANGULAR] How to override event editor?

Posted: Fri Jan 27, 2023 5:58 pm
by marcio

Hello msrotate,

Yes, there is a way. Actually, we have a demo for that, you can check it here https://bryntum.com/products/scheduler/examples/frameworks/angular/custom-event-editor/dist/custom-event-editor/

You can check the source code in your trial package, and based on that create your own custom angular component to display inside the edit event window. :)


Re: [ANGULAR] How to override event editor?

Posted: Thu Feb 02, 2023 11:33 pm
by victorportlink

Hey, I looked at this demo and I was wondering if there was a way to somehow use the event editor or mimic it? In the demo you linked the custom event editor makes a new popup and is focused, whereas the bryntum event editor is attached to the side of the task and doesnt grey out the screen.


Re: [ANGULAR] How to override event editor?

Posted: Fri Feb 03, 2023 5:45 am
by alex.l

Hi victorportlink,

I didn't get the question.
Could you please re-phrase it?

you linked the custom event editor makes a new popup and is focused, whereas the bryntum event editor is attached to the side of the task and doesnt grey out the screen.

There is angular component used, you can tune it as you want, if you don't want to make it modal.

You can review the source code of this demo, check examples/frameworks/angular folder of sources you downloaded.
Here are guides
https://bryntum.com/products/scheduler/docs/guide/Scheduler/customization/replaceeventedit
https://bryntum.com/products/scheduler/docs/guide/Scheduler/customization/eventedit