This is a migrated thread and some comments may be shown as answers.

Window position ignores HTML5 header

1 Answer 35 Views
Window
This is a migrated thread and some comments may be shown as answers.
Cedric
Top achievements
Rank 1
Cedric asked on 31 Jul 2014, 10:34 AM
Hello

I'm having a problem with the window widget. When I'm placing a window on my onepager site, it ignores the header that has a fixed position. You can find the example here:

http://cedric.yourhostmanager.com/bigpicture/#dashboardresultaatpage

When you scroll to the top you will see that the window places itself in front of the navigation header in stead of behind.


What is the reason?

Thanks in advance

1 Answer, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 01 Aug 2014, 01:36 PM
Hello Cedric,

I don't see any Kendo UI Windows on that page, but generally, your #header uses a z-index of 10,000, while the Kendo UI Window uses 10,003 or higher. If you want the #header to be on top, then increase its z-index to 11000 or more.

https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Understanding_z_index

Regards,
Dimo
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
Window
Asked by
Cedric
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Share this question
or