Windows center when in splitter

[Maxime Bellemare]

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 !

[Dimo]

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