Window Widget Docking on Minimize Event

[Hammy]

Hello,

I am using multiple instances of a kendo window in a vue component where user can click on any item to get more details in a kendo window. The user can view multiple item details at a time. I need to implement a feature where user can Minimize, Restore, Drag or Close actions on any of the open window.

 

To save screen space I need the ability to dock the windows to either on bottom or top corner of the screen when minimize event is triggered and on restore it should move back to its original position, I expect the window to move similar to code in https://github.com/ROMB/jquery-dialogextend in kendo window widget.

Example: http://romb.github.io/jquery-dialogextend/example.html

Please can you help 

Kind regards

 

 

Hammy Babar

 

 

[Veselin Tsvetanov]

Hello Hammy,

The Kendo Window supports Minimize, Maximize, and Close actions:

https://docs.telerik.com/kendo-ui/api/javascript/ui/window/configuration/actions

It also provides a Pin action, which will allow you to limit the movement of the Window within a specified container:

https://demos.telerik.com/kendo-ui/window/constrain-movement

The Window widget, however, does not offer Dock action support. Having that said, you will need to implement the Dock action as a custom action in the widget:

https://demos.telerik.com/kendo-ui/window/index

Also, by using the setOptions() method, you could programmatically alter the position of the Window. That would help you implement the Dock/Undock functionality.

In addition to the above, the Window allows the user the drag it around. That behaviour is the default one for the widget.

Regards,
Veselin Tsvetanov
Progress Telerik