Question on Z-order with Menu dropdown

4 posts, 1 answers
  1. Tomica
    Tomica avatar
    147 posts
    Member since:
    Apr 2008

    Posted 18 Aug 2015 Link to this post

        I have an ASP form which includes a Menu in the master page. In the attached image you will see it as a mobile-mode control with the "burger", to the left of the page title "LulaVision".

     I have a problem with one page based on this master, which includes a databound Panel control.

     The menu expands, but contents appear behind the Panel control even after adjusting the z-order settings.

     I have pushed the Panel down by 100px so that you can see it expand, yet additional items render BELOW the Panel, which is contrary to the defined layering in z-order.

    Looking for suggestions on how to fix.

     Using v2015.2.623.45

  2. Answer
    Ivan Danchev
    Admin
    Ivan Danchev avatar
    830 posts

    Posted 21 Aug 2015 Link to this post

    Hello,

    Try setting the z-index to the Menu's dropdown with the following rule:
    html .RadMenuPopup, html .RadMenuPopup .rmSlide {
        z-index: 10000;
    }

    Please, let us know in case this does not give the desired result and the dropdown is still hidden below the PanelBar.

    Regards,
    Ivan Danchev
    Telerik
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Tomica
    Tomica avatar
    147 posts
    Member since:
    Apr 2008

    Posted 21 Aug 2015 in reply to Ivan Danchev Link to this post

    Ivan, this is the PERFECT solution, worked the very first time.

     I am curious as to why z-order is not inherited from the parent control or the containing DIV, but that is beyond my expertise.

     

  5. Ivan Danchev
    Admin
    Ivan Danchev avatar
    830 posts

    Posted 24 Aug 2015 Link to this post

    Hello,

    I am glad it is working as expected now. Sometimes different z-index values are set to different visible elements of a control, as they can be repositioned and resized, they can cover other controls, expand/collapse over other elements of the parent control or other controls and setting a separate index allows for a better control over the control's behavior. 

    Regards,
    Ivan Danchev
    Telerik
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Back to Top