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

More z-order fun, this time with a menu

3 Answers 57 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Tim
Top achievements
Rank 1
Tim asked on 17 Jun 2011, 04:38 PM
I am still fighting z-order issues in our UI.

First let me give you a little bit of background.

There is a RadMenu on our Site.Master, obiously that has a z-order of 8000.

I dynamically add menu items on the server side. These menu items are a way for the user
to choose from a selection of items provided by our database.

Also on the page there is a RadGrid, with Date Time filters.

Further more there is a RadDock, with a couple of Dock Areas, on for which contains a RadGrid
with a default Filter.

First iteration: 
We undock the dock area. Now some of the icons bleed through the undocked DockArea.
The Menu on the Site.Master bleeds through too.

We fixed all of this by raising the z-index of the undocked area to 8001.

However now if I click on the RadMenu the menu items I created dynamically
appear behind the undocked DockArea.

So I need some way to raise the z-order of the Menu Items, or their surrounding elements.

I hope I have explained my self clearly enough.

TIA 
 

3 Answers, 1 is accepted

Sort by
0
Helen
Telerik team
answered on 22 Jun 2011, 04:51 PM
Hi Tim,

Did you try to increase the z-index of the menu?  As you may have noticed - the default is 7000.

Kind regards,
Helen
the Telerik team

Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

0
Tim
Top achievements
Rank 1
answered on 22 Jun 2011, 05:12 PM
Hi Helen

Yep I understand the RadMenu has a default z-index of 7000.

Just to be clear I didn't want to alter the z-index of the RadMenu object on my Site Master.
It appears correctly as partially obscured by my undocked panel.

I'm afraid that raising it z-index will cause it to overlay my undocked panel. Not what I want

What I have been trying to do is alter the z-index of the rmSlide div that appears to surround
the menu items that appear when I click on the RadMenu element that is partially
overlaid by my dock panel.

The div with the rmSlide class has an inline style and the z-index is set to 2.

I have tried resetting this in a variety of ways but cann't seem to replace the inline style value
with 8002, which I believe would cause that div to appear on top of my undocked panel.

I hope this explains things better.

TIA
0
Helen
Telerik team
answered on 23 Jun 2011, 12:43 PM
Hello Tim,

Could you please send us a live url or sample project which demonstrates the issue to examine it locally?

Kind regards,
Helen
the Telerik team

Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

Tags
Menu
Asked by
Tim
Top achievements
Rank 1
Answers by
Helen
Telerik team
Tim
Top achievements
Rank 1
Share this question
or