Hi,
I've two problems with the radsplitter. I'm using only one splitter, and two radpanes, and one radslidingzone.
The problems are:
- resizing the browser, messes up my screen
- how can I change the dock-icon? Changing it with the class rspSlideHeaderUndockIcon doesn't do it.
Thanks in advance
This is the source:
I've two problems with the radsplitter. I'm using only one splitter, and two radpanes, and one radslidingzone.
The problems are:
- resizing the browser, messes up my screen
- how can I change the dock-icon? Changing it with the class rspSlideHeaderUndockIcon doesn't do it.
Thanks in advance
This is the source:
<%@ 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> | |