Available in the OSS Version

Splitter > Basic Vertical Splitter

    Select a destination from tree.

    This sample is designed for a larger screen size.


    On mobile, try rotating your screen, view full size, or email to another device.

    This sample demonstrates how to use the Splitter control to manage a page's vertical layout. The first container contains a Tree control with continents and countries. The left vertical panel has maximum and minimum ranges that a user can resize the panel. When a node is clicked, the description for the selected item is in the right panel.

    Code View

    Copy to Clipboard