Client-Side Functionality

This example demonstrates how you can manipulate the ASPxSplitter control programmatically on the client using enhanced client-side functionality. The client-side programmatic interface is available if the EnableClientSideAPI property is set to true, or if there is a handler assigned to any client-side event.

The ASPxSplitter control allows its panes to be resized in real time. This functionality can be enabled/disabled by using the SetAllowResize method on the client side. (See JS code)

In this demo, you can expand or collapse the splitter panes by using a specific button whose text is changed automatically, depending upon the action. On the client side, it is implemented within the CollapseExpandButtonClick function by using the ASPxClientSplitterPane.Expand and ASPxClientSplitterPane.Collapse methods. (See JS code)

It's possible to change the splitter pane's content on the client side by using the SetContentUrl method within the UpdateContentUrl function.

The size of a pane can be changed programmatically by using the pane's client SetSize method. A pane's current size can be obtained via the client GetSize method.