New to Telerik UI for ASP.NET AJAX? Start a free 30-day trial

OnClientLoad

OnClientLoaded Client-side event has been deprecated. Please, use the OnClientLoad instead.

The OnClientLoad client-side event handler is called when a RadSplitter or RadSlidingZone control is loaded on the client.

The OnClientLoad event is supported by RadSplitter and RadSlidingZone .

One parameters is passed to the event handler:

sender is the RadSplitter or RadSlidingZone that has just been loaded.

The following example uses the OnClientLoad event to set the height of a splitter:

ASP.NET

<script type="text/javascript">
	function loadSplitter(sender) {
		sender.set_height(2 * sender.get_width());
	}
</script>
<telerik:RadSplitter
	runat="server"
	id="RadSplitter2"
	Orientation="Horizontal"
	width="90%"
	OnClientLoad="loadSplitter">
 <telerik:RadPane runat="server" id="RadPane3"
	ContentUrl="https://www.telerik.com" />
 <telerik:RadSplitBar runat="server" id="RadSplitBar2"
	CollapseMode="Both"  />
 <telerik:RadPane runat="server" id="RadPane4"
	ContentUrl="http://www.google.com" />
</telerik:RadSplitter>

OnClientLoad

ASP.NET

<script type="text/javascript">
	function hideTabs(sender, Args) {
		var panes = sender.getPanes();
		for (i = 0; i < panes.length; i++) {
			if (panes[i].get_id() != sender.get_dockedPaneId())
				panes[i].hideTab();
		}
	}
</script>
 <telerik:RadSplitter RenderMode="Lightweight" runat="server" id="RadSplitter3" Orientation="Horizontal">
 <telerik:RadPane runat="server" id="RadPane5" Height="80px" >
 <telerik:RadSlidingZone
	 runat="server"
	 id="RadSlidingZone2"
	 OnClientLoad="hideTabs"
	 DockedPaneId="RadSlidingPane2" >
   <telerik:RadSlidingPane runat="server" Title="Pane1" id="RadSlidingPane4" Height="50px">
	 The content of Sliding Pane 1
   </telerik:RadSlidingPane>
   <telerik:RadSlidingPane runat="server" Title="Pane2" id="RadSlidingPane5" Height="50px">
	 The content of sliding pane 2
   </telerik:RadSlidingPane>
	<telerik:RadSlidingPane runat="server" Title="Pane3" id="RadSlidingPane6" Height="50px">
	 The content of sliding pane 3
   </telerik:RadSlidingPane>
</telerik:RadSlidingZone>
 </telerik:RadPane>
 <telerik:RadSplitBar runat="server" id="RadSplitBar3" />
 <telerik:RadPane runat="server" id="RadPane6">
 </telerik:RadPane>
</telerik:RadSplitter>

OnClientLoad

See Also