Windows center when in splitter

2 posts, 0 answers
  1. Claude Bourassa
    Claude Bourassa avatar
    15 posts
    Member since:
    Jun 2010

    Posted 29 Mar 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
    8332 posts

    Posted 01 Apr 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!
     
  3. Kendo UI is VS 2017 Ready
Back to Top