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

Question on Z-order with Menu dropdown

3 Answers 12 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Tomica
Top achievements
Rank 2
Tomica asked on 18 Aug 2015, 06:25 PM

    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

3 Answers, 1 is accepted

Sort by
0
Accepted
Ivan Danchev
Telerik team
answered on 21 Aug 2015, 12:24 PM
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
0
Tomica
Top achievements
Rank 2
answered on 21 Aug 2015, 12:41 PM

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.

 

0
Ivan Danchev
Telerik team
answered on 24 Aug 2015, 03:47 PM
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
Tags
Menu
Asked by
Tomica
Top achievements
Rank 2
Answers by
Ivan Danchev
Telerik team
Tomica
Top achievements
Rank 2
Share this question
or