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
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
Rank 2
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.
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