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

radMenu showing under radTabStrip when tab strip has horizontal scroll buttons

3 Answers 90 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Eduardo
Top achievements
Rank 1
Eduardo asked on 11 Jan 2012, 12:34 AM
Hi,

I have a menu and a tab strip on the page, the menu root is above the tab strip and the menu

I'm having a problem with z-indexes for radMenu and radTabStrip when the tab strip goes over the width of the window and shows the buttons to scroll left and right (next and previous arrows). When this happens, the radMenu shows under the Tab Strip and I need it to show above. I tried to play with z-index everywhere but had no luck.

However, when the tab strip do not have those scroll buttons, it works perfect, the menu shows above the tab strip.

Thanks for any help
Eduardo

3 Answers, 1 is accepted

Sort by
0
Kate
Telerik team
answered on 11 Jan 2012, 01:07 PM
Hello Eduardo,

Can you please clarify the browsers under which you are testing your page as well as the version of the Telerik controls that you are using? In case you use IE you should note that in general the stacking order in IE6/7 is rather broken. To fix it, make sure that the container of your image has lower z-index (and position: absolute/relative if needed) than the container of your RadMenu (the containers that are on the same level in the DOM). However, in case this does not help I would suggest that you open a support ticket and send us a simple project or a live URL that demonstrates it?

Regards,
Kate
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
0
Eduardo
Top achievements
Rank 1
answered on 11 Jan 2012, 05:13 PM
We are actually using it on IE8/9. I'll try to create a small sample project and submit as support ticket.

Thanks,
Eduardo
0
Eduardo
Top achievements
Rank 1
answered on 12 Jan 2012, 02:05 AM
Hi,

Actually I found the issue, it was not with the Telerik controls, it was a "position: relative;" that we were using on a div wrapping the menu to position it on the left side of the page opposed to other items aligned to the right.

I changed to use float: left and all is working now.

Thank you!
Eduardo
Tags
Menu
Asked by
Eduardo
Top achievements
Rank 1
Answers by
Kate
Telerik team
Eduardo
Top achievements
Rank 1
Share this question
or