RadSlidingZone showing behind the FlashPlayer

4 posts, 0 answers
  1. Prabhu
    Prabhu avatar
    8 posts
    Member since:
    Jan 2012

    Posted 21 Feb 2012 Link to this post

    Hi,
       I'm using Rad Splitter for showing left side menu in my application. On clicking on a menu, a page with Flash player will be loaded in the Content Place Holder. After showing my Flash player, If I'm trying to open my left menu, the Sliding Zone content rendered is shown behind the flash player.

    1) Is there any way to set the RadSlidingPane content displayed on top of the Flash player??
    2) Will z-index of RadSlidingPane help on this..? how to set the z-index for RadSlidingPane?
    3) Can I get the clientside click event of the SlidingPane? if so, i'll hide the Flash Player on clicking of the Title and later display the Flash player on clicking on the Dock image....

    Sample code for your references
    <telerik:RadSplitter ID="RadSplitter" runat="server" Height="100%" Width="100%" OnClientLoad="SplitterLoad"
    VisibleDuringInit="false">
    <telerik:RadPane ID="RadLeftMenuPane" runat="server" Width="22px" BackColor="#efefef"
    scrolling
    ="None">
                                <telerik:RadSlidingZone ID="RadLeftMenuSlide" runat="server" Width="22" ClickToOpen="true"
                                    BackColor="#0b497b" SlideDirection="right">
                                    <telerik:RadSlidingPane ID="RadCommonLeftMenu" runat="server" Title="Menu" Width="200px">
                                        <asp:ContentPlaceHolder ID="ContentPlaceHolder2" runat="server">
                                        </asp:ContentPlaceHolder>
                                    </telerik:RadSlidingPane>
                                    <telerik:RadSlidingPane ID="RadReferencesMenu" runat="server" Title="References" Width="200px"
                                        Visible="false" Font-Size="12px" UndockText="true" ResizeText="true">
                                        <asp:ContentPlaceHolder ID="ContentPlaceHolder3" runat="server">
                                        </asp:ContentPlaceHolder>
                                    </telerik:RadSlidingPane>
                                </telerik:RadSlidingZone>
                            </telerik:RadPane>
                            <telerik:RadPane ID="RadMiddlePane1" runat="server" Scrolling="None" Width="100%"
                                Height="100%">
                                <telerik:RadSplitter ID="Radsplitter2" runat="server" Orientation="Horizontal" VisibleDuringInit="false">
                                    <telerik:RadPane ID="Radpane2" runat="server">
                                        <div id="pagecontent" class="PageContent" style="height: 100%">
                                            <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
                                            </asp:ContentPlaceHolder>
                                        </div>
                                    </telerik:RadPane>
                                </telerik:RadSplitter>
                            </telerik:RadPane>
                        </telerik:RadSplitter>
  2. Dobromir
    Admin
    Dobromir avatar
    1633 posts

    Posted 21 Feb 2012 Link to this post

    Hello,

    This problem occurs because the FlashPlayer loaded by the browser is a heavy weight object that is shown on top of everything else. To avoid this behavior you need to set RadSlidingPane's Overlay property to True, e.g.:
    <telerik:RadSlidingPane runat="server" ID="RadSlidingPane1" Overlay="true">


    Greetings,
    Dobromir
    the Telerik team
    Sharpen your .NET Ninja skills! Attend Q1 webinar week and get a chance to win a license! Book your seat now >>
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Prabhu
    Prabhu avatar
    8 posts
    Member since:
    Jan 2012

    Posted 21 Feb 2012 Link to this post

    Thanks a lot Dobromir! it works well...

    Also, Is there any place (in Telerik website) where we could know the detailed information abt all the Properties of the controls. It'd be really useful if we have those information and also you could avoid such simple questions.

    Thanks again for ur support,
    Prabhu.K
  5. Dobromir
    Admin
    Dobromir avatar
    1633 posts

    Posted 24 Feb 2012 Link to this post

    Hi Prabhu,

    You can find all all memebers of RadSlidingPane in the APIReference section of our documentation:
    http://www.telerik.com/help/aspnet-ajax/allmembers_t_telerik_web_ui_radslidingpane.html



    Greetings,
    Dobromir
    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.
Back to Top