Windows center when in splitter

2 posts, 0 answers
  1. Maxime Bellemare
    Maxime Bellemare avatar
    17 posts
    Member since:
    Jun 2010

    Posted 29 Mar 2016 Link to this post

    Hi there,

    I currently have an issue where we have a kendoSplitter that splits a ui-view in two. In the left part of the splitter, I have a kendoGrid and below that I have a kendoWindow definition (in angular).

    I have a button that, on click, will center my windows and then open it.

    The problem is that my window is not centered at all, it seems to be stuck in the left part of the splitter. Also when my grid have a lot of data and there is a scroll, it will open the window all the way down of the scroll.


    Is there any way to fix this ?
    Do I have to manually place the window using Javascript and CSS or is there an automatic thing to do ?!


    Thanks in advance !

  2. Dimo
    Dimo avatar
    8472 posts

    Posted 01 Apr 2016 Link to this post

    Hi Claude,

    The observed behavior will occur if the Kendo UI Window is appended to a Splitter pane and is expected, because the Splitter pane has an ovewrflow:auto style applied (when scrollable) or an overflow:hidden style (when not scrollable). In either case, nothing can be displayed outside the pane.

    There are several options in this case:

    - do not use appendTo

    - position the Window manually with JavaScript when it is opened

    - position the Window via the widget configuration

    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top