|
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> |
|
|
|
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> |
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
|
<html xmlns="http://www.w3.org/1999/xhtml"> |
|
<head runat="server"> |
|
<title></title> |
|
<style type="text/css"> |
|
.rspTabsContainer |
|
{ |
|
background-color: Blue; |
|
} |
|
.rspSlideHeaderUndockIcon |
|
{ |
|
background-color:red; |
|
background-image: url(img/close.gif); |
|
} |
|
.maximized |
|
{ |
|
position:absolute; |
|
top:0px; |
|
left:0px; |
|
right:0px; |
|
bottom:0px; |
|
} |
|
|
|
.PaneRechts |
|
{ |
|
position:relative; |
|
top:0px; |
|
bottom:0px; |
|
background-color:Yellow; |
|
width:100%; |
|
} |
|
.PaneLinks |
|
{ |
|
position: relative; |
|
background-color:Red; |
|
} |
|
</style> |
|
</head> |
|
<body> |
|
<form id="form1" runat="server" class="maximized"> |
|
<telerik:RadScriptManager ID="RadScriptManager1" runat="server"> |
|
</telerik:RadScriptManager> |
|
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"> |
|
<AjaxSettings> |
|
<telerik:AjaxSetting AjaxControlID="RadPane1"> |
|
</telerik:AjaxSetting> |
|
</AjaxSettings> |
|
</telerik:RadAjaxManager> |
|
<telerik:RadScriptBlock ID="RadScriptBlock1" runat="server"> |
|
|
|
<script type="text/javascript"> |
|
|
|
RadOnClientExpanded = function() |
|
{ |
|
var Pane = $find("<%=RadSlidingZone1.ClientID %>"); |
|
if (Pane) |
|
{ |
|
Pane.dockPane("RadSlidingPane3"); |
|
} |
|
} |
|
|
|
RadOnClientLoaded = function() |
|
{ |
|
var Pane = $find("<%=RadSlidingZone1.ClientID %>"); |
|
if (Pane) |
|
{ |
|
//Pane.expandPane("RadSlidingPane3"); |
|
Pane.dockPane("RadSlidingPane3"); |
|
} |
|
} |
|
</script> |
|
|
|
</telerik:RadScriptBlock> |
|
<div class="maximized"> |
|
<telerik:RadSplitter ID="RadSplitter1" runat="server" PanesBorderSize="0" ResizeMode="EndPane" |
|
SplitBarsSize="0px" OnClientLoaded="RadOnClientLoaded" |
|
Skin="Web20" Height="100%" Width="100%"> |
|
<telerik:RadPane ID="RadPane1" runat="server" MinHeight="100" ToolTip="pane1" CssClass="PaneLinks"> |
|
<telerik:RadSlidingZone ID="RadSlidingZone1" runat="server" ClickToOpen="True"> |
|
<telerik:RadSlidingPane ID="RadSlidingPane3" runat="server" BackColor="Aqua" style="overflow:scroll" |
|
CollapseText="collapsie" DockText="DOCKIE" EnableResize="False" MinWidth="250" |
|
OnClientExpanded="RadOnClientExpanded" PersistScrollPosition="true" |
|
TabView="ImageOnly" Title="TITEL" Width="250"> |
|
<telerik:RadPanelBar ID="RadPanelBar1" runat="server"> |
|
<Items> |
|
<telerik:RadPanelItem runat="server" Text="BOOM"> |
|
<Items> |
|
<telerik:RadPanelItem> |
|
<ItemTemplate> |
|
hierin kan de boom komen |
|
</ItemTemplate> |
|
</telerik:RadPanelItem> |
|
</Items> |
|
</telerik:RadPanelItem> |
|
<telerik:RadPanelItem runat="server" Text="Root RadPanelItem2"> |
|
<Items> |
|
<telerik:RadPanelItem runat="server" Text="Child RadPanelItem 1"> |
|
</telerik:RadPanelItem> |
|
<telerik:RadPanelItem runat="server" Text="Child RadPanelItem 2"> |
|
</telerik:RadPanelItem> |
|
</Items> |
|
</telerik:RadPanelItem> |
|
<telerik:RadPanelItem runat="server" Text="Root RadPanelItem3"> |
|
<Items> |
|
<telerik:RadPanelItem runat="server" Text="Child RadPanelItem 1"> |
|
</telerik:RadPanelItem> |
|
<telerik:RadPanelItem runat="server" Text="Child RadPanelItem 2"> |
|
</telerik:RadPanelItem> |
|
</Items> |
|
</telerik:RadPanelItem> |
|
</Items> |
|
</telerik:RadPanelBar> |
|
</telerik:RadSlidingPane> |
|
</telerik:RadSlidingZone> |
|
</telerik:RadPane> |
|
<telerik:RadPane ID="RadPane8" runat="server" CssClass="PaneRechts"> |
|
blaat blaat blaat |
|
</telerik:RadPane> |
|
</telerik:RadSplitter> |
|
</div> |
|
</form> |
|
</body> |
|
</html> |
|
|