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');
}