RadDockZone z-index messing with SlidingPane

[blackpenny15]

Hi guys, first off the new controls seem great, however ima having a small snag with a RadDockZone inside a RadSplitter, the idea is that you have a radSplitter with two columns, in the left a sliding pane, and in the right, two RadDockZone controls, the Slider should overlap the dockzones however it seems like the z-index for the dockzone is way too high, is there a fix or can you guys shed any light, cheers guys, this is really putting a downer on my plans

Si

[Petya]

Hello blackpenny15,

Here is what you need to do to solve this problem:

• define the following styles, for example as global styles in the head of your page:

<style type="text/css">             
     .DockRadPane{position:relative;}            
     #LeftPane{position:relative;z-index:2;}
</style>

• Apply the DockRadPane to the RadPane that holds the RadDockZone:

<telerik:radpane id="RightPane" runat="server" cssclass="DockRadPane">
                <telerik:raddockzone id="DockZone" runat="server" skin="Default" >
                    <telerik:raddock id="Dock1" runat="server" skin="Default">
                    </telerik:raddock>
                </telerik:raddockzone>
            </telerik:radpane>

• The ID of the RadPane that holds the sliding zone should be the one from #LeftPane{position:relative;z-index:2;}, i.e. in my example it is LeftPane

I am attaching the page I tested with for reference. Let me know how it goes.

Kind regards,
Petya
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center