Windows center when in splitter

2 posts, 0 answers
  1. Maxime Bellemare
    Maxime Bellemare avatar
    15 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
    Admin
    Dimo avatar
    8353 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
    http://docs.telerik.com/kendo-ui/api/javascript/ui/window#configuration-appendTo

    - position the Window manually with JavaScript when it is opened
    http://docs.telerik.com/kendo-ui/api/javascript/ui/window#events-open

    - position the Window via the widget configuration
    http://docs.telerik.com/kendo-ui/api/javascript/ui/window#configuration-position

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