RadWindow overlapping youtube flash object

[Amol]

Hello,

I have some z-index related problem, my radwindow is displayed behind the youtube flash object. 

Here is my test code,

<script type="text/javascript">                       function ShowDescriptionForm() {                 window.radopen("test.aspx", "ShowComment");                 return false;             } </script> <div align="center">

<object style="height: 245px; width: 301px;">

<param name="movie" value="http://www.youtube.com/v/cL9Wu2kWwSY&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_embedded&fs=1">

</param>

<param name="allowFullScreen" value="true"></param>

<param name="allowScriptAccess" value="always"></param>

<embed src="http://www.youtube.com/v/cL9Wu2kWwSY&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_embedded&fs=1"

type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always"

width="301" height="245"></embed></object>

<br />

<br />

<br />

<p>

<asp:LinkButton runat="server" ID="lbtnTest" Text="Test" OnClientClick="return ShowDescriptionForm();"></asp:LinkButton>

</p>

<telerik:RadWindowManager ID="RadWindowManager1" runat="server" >

<Windows>

<telerik:RadWindow ID="ShowComment" runat="server" Width="600px" Style="z-index: 10000"

Height="650px" Modal="true" ShowContentDuringLoad="false" VisibleStatusbar="false" />

</Windows>

</telerik:RadWindowManager>

</div>

Please help me to solve my problem.
I am using Telerik new released Q2 2009.





Thanks,
Amol Wable | amolwable.com

[Georgi Tunev]

Hello Amol,

Try setting the Overlay property of the RadWindowManager to true.


All the best,
Georgi Tunev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[yoch]

I have the same problem in safari. my radwindow is displayed behind the java object. in IE,  and in FF- the Overlay property fixed it, but not in safari.
Please help me!
Yoch

[Georgi Tunev]

Hi Yoch,

Currently (Q3 2010) Overlay doesn't work with WebKit browsers only, because in these browsers (Chrome / Safari for example) you cannot show any HTML element over a heavy - weight object like Java applet / PDF document / Flash. If browsers' developers provide such way, we will implement it in RadWindow right away.


Kind regards,
Georgi Tunev
the Telerik team

[Jeff Paetkau]

Hi,

We are having this issue as well.

Do you know if there is a chromium issue number we can track?

Jeff

[Georgi Tunev]

Hello Jeff,

I'm afraid I don't know if there is such issue logged.


Greetings,
Georgi Tunev
the Telerik team

[Hugo Augusto]

You say that you cannot show any HTML element over a heavy - weight object like Java applet / PDF document / Flash, but curiously, RadNotification and RadMenu can overlap such an object. Why is this and why can't this happen with RadWindow?

[Marin Bratanov]

Hello Hugo,

We have already discussed this in a support ticket, yet I would like to share some information here as well for anybody else that may stumble on this problem. In order to show one of the popup controls in the suite above a heavy-weight object you need to set its Overlay property to true. More information about this scenario is available in the following KB article: http://www.telerik.com/support/kb/aspnet-ajax/window/control-is-shown-behind-a-heavy-weight-object-pdf-flash-activex-etc.aspx. 

What I believe has happened in your case is that the other controls have already had this property set to true, which is why it was working for them as expected.


Greetings,
Marin Bratanov
the Telerik team

[dhlennon]

Can I remind everyone facing a similar issue to add the following parameter in their flash mark-up

<param name="wmode" value="opaque" />

which should solve the issue.