Window Widget Docking on Minimize Event

2 posts, 0 answers
  1. Hammy
    Hammy avatar
    4 posts
    Member since:
    Dec 2018

    Posted 23 Jun 2020 Link to this post

    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

     

     

  2. Veselin Tsvetanov
    Admin
    Veselin Tsvetanov avatar
    1236 posts

    Posted 25 Jun 2020 Link to this post

    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

    Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
    Our thoughts here at Progress are with those affected by the outbreak.
Back to Top