Edit this page

OnClientResized

The OnClientResized client-side event handler is called when a control has just been resized. The resize can occur because of a user action (such as dragging a split bar or resizing the window that contains a splitter), or as the result of a a call to a client-side method.

note

The OnClientResized event is supported by RadSplitter , RadPane , and RadSlidingPane .

The following two parameters are passed to the event handler:

  • sender is the splitter or pane that was just resized.
  • eventArgs has the following methods:
    • get_oldHeight() returns the height of the control before the resize.
    • get_oldWidth() returns the width of the control before the resize.

The following example uses the OnClientResized event to show an alert:

<script type="text/javascript">
    function afterResize(sender, Args)
    {
        if (Args.get_oldHeight() != sender.get_height())
        {
            alert(sender.get_id() + ": Height changed from " +
           Args.get_oldHeight() + " to " + sender.get_height());
        }
        if (Args.get_oldWidth() != sender.get_width())
        {
            alert(sender.get_id() + ": Width changed from " +
           Args.get_oldWidth() + " to " + sender.get_width());
        }
    }
</script>
<telerik:RadSplitter
   runat="server"
   id="RadSplitter1"
   Width="90%"
   Orientation="Horizontal"
   OnClientResized="afterResize">
 <telerik:RadPane
    runat="server"
    id="RadPane1"
    Height="80px"
    OnClientResized="afterResize"  >
   <telerik:RadSlidingZone runat="server" id="RadSlidingZone1" >
     <telerik:RadSlidingPane
       runat="server"
       Title="Pane1"
       id="RadSlidingPane1"
       Height="50px"
       OnClientResized="afterResize" >
    </telerik:RadSlidingPane>
  </telerik:RadSlidingZone>
 </telerik:RadPane>
 <telerik:RadSplitBar runat="server" id="RadSplitBar1" CollapseMode="Both"  />
 <telerik:RadPane
   runat="server"
   id="RadPane2"
   OnclientResized="afterResize">
 </telerik:RadPane>
</telerik:RadSplitter>          

See Also