RadSlidingZone showing behind the FlashPlayer

[Prabhu]

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>

[Dobromir]

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

[Prabhu]

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

[Dobromir]

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