RadWindow overlapping youtube flash object

9 posts, 1 answers
  1. Amol
    Amol avatar
    57 posts
    Member since:
    Apr 2008

    Posted 21 Jul 2009 Link to this post

    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
  2. Answer
    Georgi Tunev
    Admin
    Georgi Tunev avatar
    7207 posts

    Posted 21 Jul 2009 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. yoch
    yoch avatar
    1 posts
    Member since:
    Feb 2011

    Posted 27 Feb 2011 Link to this post

    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


  5. Georgi Tunev
    Admin
    Georgi Tunev avatar
    7207 posts

    Posted 02 Mar 2011 Link to this post

    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
    Registration for Q1 2011 What’s New Webinar Week is now open. Mark your calendar for the week starting March 21st and book your seat for a walk through all the exciting stuff we ship with the new release!
  6. Jeff Paetkau
    Jeff Paetkau avatar
    35 posts
    Member since:
    Jun 2012

    Posted 04 Mar 2011 Link to this post

    Hi,

    We are having this issue as well.

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

    Jeff

  7. Georgi Tunev
    Admin
    Georgi Tunev avatar
    7207 posts

    Posted 09 Mar 2011 Link to this post

    Hello Jeff,

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


    Greetings,
    Georgi Tunev
    the Telerik team
    Registration for Q1 2011 What’s New Webinar Week is now open. Mark your calendar for the week starting March 21st and book your seat for a walk through all the exciting stuff we ship with the new release!
  8. Hugo Augusto
    Hugo Augusto avatar
    55 posts
    Member since:
    Jul 2004

    Posted 30 May 2012 Link to this post

    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?
  9. Marin Bratanov
    Admin
    Marin Bratanov avatar
    3602 posts

    Posted 01 Jun 2012 Link to this post

    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
    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.
  10. dhlennon
    dhlennon avatar
    32 posts
    Member since:
    Oct 2006

    Posted 15 Mar 2013 Link to this post

    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.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017