or

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" Height="100%" Width="100%"> <telerik:RadSplitter ID="Radsplitter5" runat="server" Skin="WebBlue" Width="100.5%" Height="110%" Orientation="Horizontal" PanesBorderSize="0" BorderSize="0" > <%-- this is the pane i want collapsed at startup--%> <telerik:RadPane ID="RadPane5" runat="server" Height="150px" Collapsed="true"> </telerik:RadPane> <telerik:RadPane ID="RadPane6" runat="server" > <telerik:RadSplitter ID="Radsplitter6" runat="server" Skin="WebBlue" PanesBorderSize="0" BorderSize="0" > <telerik:RadPane ID="RadPane1" runat="server" CssClass="MenuPane" MinWidth="220" Width="220px" Height="100%" Collapsed="false"> <telerik:RadSplitter ID="Radsplitter2" runat="server" Skin="WebBlue" ResizeWithParentPane="false" Orientation="Horizontal" Width="100%" Height="100%" PanesBorderSize="0" BorderSize="0"> <telerik:RadPane ID="RadPane3" runat="server" CssClass="MenuPane2" Width="100%" Height="50%"> <telerik:RadMenu ID="RadMenu2" runat="server" Visible="false" Width="84.7%" CssClass="menu3" OnItemClick="RadMenu_ItemClick" EnableImageSprites="true" BorderStyle="None" Flow="Vertical"> </telerik:RadMenu> </telerik:RadPane> <telerik:RadPane ID="RadPane4" runat="server" CssClass="MenuPane3" Width="100%" Height="50%"> <telerik:RadMenu ID="RadMenu3" runat="server" Visible="false" Width="84.7%" CssClass="menu5" OnItemClick="RadMenu_ItemClick" EnableImageSprites="true" BorderStyle="None" Flow="Vertical"> </telerik:RadMenu> </telerik:RadPane> </telerik:RadSplitter> </telerik:RadPane> <%-- this is the bar i want not visible at startup--%> <telerik:RadSplitBar ID="RadSplitBar1" runat="server" CollapseMode="Forward" Visible="false" meta:resourcekey="labCollapseExpand"></telerik:RadSplitBar> <telerik:RadPane ID="RadPane2" runat="server" CssClass="ContentPane" ContentUrl="Welcome.aspx"> </telerik:RadPane> </telerik:RadSplitter> </telerik:RadPane> </telerik:RadSplitter> </telerik:RadAjaxPanel>function Radsplitter6_OnClientLoaded(splitter, args) { if (gblCollapsed == 0) { setTimeout(function () { var pane = splitter.getPaneById('<%= RadPane1.ClientID %>'); pane.collapse(1); gblCollapsed = 1; var splitbar = $get("<%=RadSplitBar1.ClientID %>"); splitbar.style.display = "none"; }, 100); } }function OnClientRequestStart(sender, args) { args.set_cancel(true); var tooltip = Telerik.Web.UI.RadToolTip.getCurrent(); if (tooltip) { var element = tooltip.get_targetControl(); var apt = $find("<%=RadScheduler1.ClientID %>").getAppointmentFromDomElement(element); $get("startTime").innerHTML = apt.get_start().format("MM/dd/yyyy HH:mm"); $get("endTime").innerHTML = apt.get_end().format("MM/dd/yyyy HH:mm"); $get("descriptionDiv").innerHTML = apt.get_subject(); tooltip.set_text($get("contentContainer").innerHTML); }}
<telerik:RadToolTipManager runat="server" ID="RadToolTipManager1" Width="320" Height="170"
Animation="None" HideEvent="Default" Text="Loading..." OnAjaxUpdate="RadToolTipManager1_AjaxUpdate" />
<div style="display: none;">
<div id="contentContainer">
Starts on: <span id="startTime"></span>
<br />
Ends on: <span id="endTime"></span>
<hr />
Description:
<div id="descriptionDiv">
</div>
</div>
</div>


<telerik:GridTemplateColumn EditFormColumnIndex="0" HeaderText=""> <EditItemTemplate> <table border="0" cellpadding="0" cellspacing="0" style="color: black"> <tr> <td width="70" style="padding-left: 15px">January:<br /> <telerik:RadNumericTextBox runat="server" DbValue='<%# Bind("January") %>' Width="55px" ID="txtJanuary" /> </td> </tr> </table> </EditItemTemplate></telerik:GridTemplateColumn>div.RadToolTip_CBToolTip a.rtCloseButton { background-color: #66a2cc; }div.RadToolTip_CBToolTip a.rtCloseButton { background-image : url('ToolTip/ToolTipSprites.png'); }