RadDockZone z-index messing with SlidingPane

2 posts, 0 answers
  1. blackpenny15
    blackpenny15 avatar
    1 posts
    Member since:
    Mar 2007

    Posted 18 Nov 2007 Link to this post

    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

  2. Petya
    Admin
    Petya avatar
    869 posts

    Posted 19 Nov 2007 Link to this post

    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
Back to Top