Position Kendo react window to bottom right of window on minimize.

[Tushaar]

Hello community,
I had a use case in which i want to shift the Kendo React window to bottom right of window on minimizing by using the button on toolbar(not by a separate button). And by default, it should be on top right.

Initially, window should be in top left as shown in first
figure , on minimizing, it should go to bottom right as shown in second
figure.

Can somebody help me with this issue?
Any help would be highly appreciated.

[Tushaar]

Can someone look into this issue?

[Stefan]

Hello, Tushaar,

This can be done using the controlled mode of the Window to control its position and dimensions:

https://www.telerik.com/kendo-react-ui/components/dialogs/window/controlled-mode/

Then we have to use the onStageChange event and when it is minimized to set the Window position on the right bottom corner:

https://www.telerik.com/kendo-react-ui/components/dialogs/api/WindowProps/#toc-onstagechange

I made an example showcasing this:

https://stackblitz.com/edit/react-dswn64?file=app/main.jsx

I hope this is helpful.

Regards,
Stefan
Progress Telerik

[Tushaar]

This was exactly what i was looking for.
Thanks for the support Stefan.
Great Telerik Community :)