Window position ignores HTML5 header

2 posts, 0 answers
  1. Cedric
    Cedric avatar
    4 posts
    Member since:
    Jul 2014

    Posted 31 Jul 2014 Link to this post

    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
  2. Dimo
    Admin
    Dimo avatar
    8333 posts

    Posted 01 Aug 2014 Link to this post

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