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

4 posts, 0 answers
  1. Tushaar
    Tushaar avatar
    8 posts
    Member since:
    Jun 2020

    Posted 21 Jun 2020 Link to this post

    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.

  2. Tushaar
    Tushaar avatar
    8 posts
    Member since:
    Jun 2020

    Posted 23 Jun 2020 in reply to Tushaar Link to this post

    Can someone look into this issue?
  3. Stefan
    Admin
    Stefan avatar
    3034 posts

    Posted 23 Jun 2020 Link to this post

    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

    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.
  4. Tushaar
    Tushaar avatar
    8 posts
    Member since:
    Jun 2020

    Posted 23 Jun 2020 in reply to Stefan Link to this post

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