I am having a problem when defining sliding panes on the left side and putting a tab strip in the adjacent content pane. When the left pane slides, it slides under the tabs of the RadTabStrip. Any known issues and fixes? I tried to zOrder a couple of the div's, but that did not help.
<asp:ScriptManager ID="AjaxScriptManager" runat="Server" /> |
<TelerikWeb:RadSplitter ID="DesignerSplitter" Width="100%" Height="100%" Skin="Office2007" runat="server"> |
<TelerikWeb:RadPane ID="SlidingPaneLeft" Width="22" Scrolling="None" runat="server" > |
<TelerikWeb:RadSlidingZone ID="SlidingZoneLeft" Width="22" SlideDirection="Right" DockedPaneId="PaneToolbox" runat="server"> |
<TelerikWeb:RadSlidingPane id="PaneToolbox" title="Toolbox" width="250" runat="server"> |
</TelerikWeb:RadSlidingPane> |
</TelerikWeb:RadSlidingZone> |
</TelerikWeb:RadPane> |
<TelerikWeb:RadPane id="DesignerPane" runat="server"> |
<div style="width: 100%; overflow: hidden"> |
<TelerikTabStrip:RadTabStrip ID="DesignerTabStrip" MultiPageID="DesignerTabContent" Skin="Office2007" SelectedIndex="0" Align="left" runat="server"> |
<Tabs> |
<TelerikTabStrip:Tab Text="Designer"></TelerikTabStrip:Tab> |
<TelerikTabStrip:Tab Text="HTML Preview"></TelerikTabStrip:Tab> |
</Tabs> |
</TelerikTabStrip:RadTabStrip> |
</div> |
<div id="DesignerTabContentContainer" style="width: 100%; height: 600px; overflow: hidden"> |
<TelerikTabStrip:RadMultiPage ID="DesignerTabContent" SelectedIndex="0" runat="server"> |
<TelerikTabStrip:PageView ID="PageDesigner" Width="100%" runat="server"> |
<div style="width: 100%; height: 100%; border: solid 1px black"> |
<TelerikTreeView:RadTreeView ID="DocumentTree" Width="100%" Height="100%" AutoPostBack="True" runat="server"> |
<Nodes> |
</Nodes> |
</TelerikTreeView:RadTreeView> |
</div> |
</TelerikTabStrip:PageView> |
<TelerikTabStrip:PageView ID="PageHtmlPreview" Width="100%" runat="server"> |
<div style="width: 100%; height: 100%; overflow: scroll; border: solid 1px black;"> |
</div> |
</TelerikTabStrip:PageView> |
</TelerikTabStrip:RadMultiPage> |
</div> |
</TelerikWeb:RadPane> |
<TelerikWeb:RadPane ID="SlidingPaneRight" Width="22" Scrolling="None" runat="server" > |
<TelerikWeb:RadSlidingZone ID="DesignerSlidingZone" Width="22" SlideDirection="left" DockedPaneId="PaneProperties" runat="server"> |
<TelerikWeb:RadSlidingPane id="PaneProperties" title="Properties" width="250" runat="server"> |
</TelerikWeb:RadSlidingPane> |
<TelerikWeb:RadSlidingPane id="PaneData" title="Data" width="250" runat="server"> |
</TelerikWeb:RadSlidingPane> |
<TelerikWeb:RadSlidingPane id="PaneStyles" title="Styles" width="250" runat="server"> |
</TelerikWeb:RadSlidingPane> |
</TelerikWeb:RadSlidingZone> |
</TelerikWeb:RadPane> |
</TelerikWeb:RadSplitter> |