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

z-index problem with flash vedios

1 Answer 39 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Bader
Top achievements
Rank 1
Bader asked on 09 Oct 2010, 07:03 PM
Hello,

I have a problem with setting the z-index property for the radwindow control
I have a flash vedio (downloaded from http://www.aspnetflashvideo.com/ ) in the master page, and the child page has a radwindow control. By displaying the radwindow, its titlebar and boder will be displayed under the flash vedio (view attached image).

My code:
<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
<script type="text/javascript">
           
         function open_win() {
             window.open("Pages/FullSMap.aspx?smapp=MainImage", "_blank", "toolbar=no, location=no, titlebar=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=yes, copyhistory=no, width=100%, height=100%");
         }
</script>
  
</asp:Content>
  
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder3" Runat="Server">
<asp:Panel ID="CnsrtsPanel" style="margin-left:10px; margin-right:10px;" runat="server">
        <br />
        <telerik:RadWindowManager VisibleOnPageLoad="false" ID="RadWindowManager2" runat="server">
            <Windows>
                <telerik:RadWindow runat="server" VisibleTitlebar="true" DestroyOnClose="true" VisibleStatusbar="false" Behaviors="Close,Maximize,Minimize,Pin,Reload" Width="480px" Height="230px" style="z-index:80000;"
                        ID="RadWindow1"  NavigateUrl="Audio.aspx" >
                </telerik:RadWindow>
            </Windows>
        </telerik:RadWindowManager>
        <script type="text/javascript">
            function UseRadWindow() {
                var oWnd = $find("<%= RadWindow1.ClientID %>");
                oWnd.show();
                oWnd.setUrl("Audio.aspx");
                oWnd.maximize();
            }
            </script>
        <asp:Label ID="HeaderLabel" SkinID="HeaderText" runat="server" Text="<%$ Resources:Resource, PagesConcertsHeaderLabel %>"></asp:Label>
        <br />
                <telerik:RadGrid ID="ConcertsRadGrid" runat="server" Skin="WebBlue" AllowFilteringByColumn="false"
                    GridLines="None" AllowPaging="True" AllowSorting="True" AutoGenerateColumns="False"
                    ShowStatusBar="true"  OnPreRender="ConcertsRadGrid_PreRender" 
                    OnNeedDataSource="ConcertsRadGrid_NeedDataSource" 
                    onitemcommand="ConcertsRadGrid_ItemCommand1" >
                    <MasterTableView GridLines="None" Width="100%" Dir="RTL" CommandItemDisplay="None" DataKeyNames="CnsrtID">
                        <Columns>
                            <telerik:GridBoundColumn UniqueName="CType" HeaderText="<%$ Resources:Resource, PagesConcertsRadGridCTypeColumn %>" DataField="CType">
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn UniqueName="CnsrtName" HeaderText="<%$ Resources:Resource, PagesConcertsRadGridCnsrtNameColumn %>" DataField="CnsrtName">
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn UniqueName="Choirs" HeaderText="<%$ Resources:Resource, PagesConcertsRadGridChoirsColumn %>" DataField="Choirs">
                            </telerik:GridBoundColumn>
                            <telerik:GridTemplateColumn UniqueName="AudioColumn" HeaderText="Audio" >
                               <ItemTemplate>
                                   <asp:LinkButton ID="AudioLinkButton" runat="server" OnClientClick="UseRadWindow();return false;" Text="Audio"></asp:LinkButton>
                               </ItemTemplate>
                            </telerik:GridTemplateColumn>
                        </Columns>
                    </MasterTableView>
                </telerik:RadGrid>
           
    </asp:Panel>
</asp:Content>

The flash vedio:
<ASPNetFlashVideo:FlashVideo ID="FlashVideo1" VideoURL="~/Common/Cnsrts/Clps/Kuwait1_5.flv" Width="302px" Height="210px" style="z-index:1;" AutoPlay="false" runat="server">
                         </ASPNetFlashVideo:FlashVideo>

I'm using "RadControls for ASP.NET AJAX Q3 2009".

Please, I need your help to fix the probelm,
It is apprecited to send me the modified code.

Regards,
Bader

1 Answer, 1 is accepted

Sort by
0
Svetlina Anati
Telerik team
answered on 12 Oct 2010, 09:23 AM
Hi Bader,

 In order to get the desired result you should set Overlay="true". More information about the reason for this behavior, what exactly the property does and a sample demo are available below:

http://www.telerik.com/support/kb/aspnet-ajax/window/control-is-shown-behind-a-heavy-weight-object-pdf-flash-activex-etc.aspx


Kind regards,
Svetlina
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
Tags
Grid
Asked by
Bader
Top achievements
Rank 1
Answers by
Svetlina Anati
Telerik team
Share this question
or