Solved

Menu showing behind a telerik control

Posted on 2009-07-15
2
1,092 Views
Last Modified: 2012-05-07
Hey,

I have a javasript menu at the top of my page and as content I'm using telerik controls, radTabStrip within a radPane.  The prolem is that my menu which is a show/hide div, is showing behind the radTabStrip.  I tried setting the z-index and playing with the visibility but nothing works.

Please help.
0
Comment
Question by:kasiencja
2 Comments
 
LVL 13

Accepted Solution

by:
Brian Withun earned 500 total points
ID: 24863037
I just found this solution for another post and, though I'm not familar with telerik controls, thought this might apply to you as well... if telerik controls are anything like flash.

Give this a read:

http://the16art.com/2007/07/04/flash-objects-displaying-on-top-of-html-content/

[quote]
Q: I have experienced a problem recently when designing a website; the flash banner was displaying on top of the CSS menu regardless of the stacking order (z-index).

A: The solution for this problem is using the parameter WMODE to allow layering of Flash content with DHTML layers. The parameter WMODE has 3 possible settings: window (default), transparent, or opaque. Setting WMODE to transparent or opaque will prevent the Flash object from playing in the top layer and allow you to adjust the stacking order of the movie within other layers of the HTML document.
[/quote]
0
 

Author Closing Comment

by:kasiencja
ID: 31603840
Thanks bhwithun.  Telerik controls are not flash based and the problem I found was that I was using asp controls with telerik controls, which is supposed to be okay but...  Anyways, I played around with the z-index a little more and solved the problem.  For anybody who might come across the same problem this is a good resource: http://www.telerik.com/help/aspnet-ajax/controlling-absolute-positioning-with-zindex.html
0

Featured Post

Live: Real-Time Solutions, Start Here

Receive instant 1:1 support from technology experts, using our real-time conversation and whiteboard interface. Your first 5 minutes are always free.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…

815 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now