Window resize by special direction

3 posts, 1 answers
  1. Nick
    Nick avatar
    8 posts
    Member since:
    Jan 2015

    Posted 01 Sep 2015 Link to this post

    Hi all, 

    I am using the Kendo UI Window now, for the resize function, can I just resize the window in a special direction? 

    For example, I just want the window can resize east or south so that the window's location not change. 

    I find there is a resizingDirection property on the. I try to judge it on the Window's resize event, but it not work.

  2. Answer
    Plamen Lazarov
    Plamen Lazarov avatar
    135 posts

    Posted 03 Sep 2015 Link to this post

    Hi Nick,

    The easiest way to prevent Window resizing from the top or left sides is to hide the corresponding resize handles with CSS. For example: 

      .k-resize-n, .k-resize-nw, .k-resize-w {
       display: none !important;

    I prepared a simple demo which demonstrates this approach.

    Note that the above CSS rule will influence all Window instances. If this is undesired, apply a custom CSS class to the Window wrapper after widget initialization, and add this class to the 3 selectors above.

    The !important clause is required in order to override display:block styles, which are applied as inline styles to those elements.

    Plamen Lazarov
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Nick
    Nick avatar
    8 posts
    Member since:
    Jan 2015

    Posted 03 Feb in reply to Plamen Lazarov Link to this post

    Hi Plamen,

    Sorry that I not reply your answer these days.

    This solution is good for me. Thanks very much!! 

Back to Top