# GraffitiSplitView
Class Inherits GraffitiWebUIControl
## About
GraffitiSplitView is a simple and powerful way to display multiple panes of data or functionality in your UI while giving users the freedom to size the areas as they need to.
## Preview
Previous
Next
## Compatibility
### Framework API Version
| 1.0 | 2.0 |
| :---: | :---: |
| True | True |
### Web
| 32-Bit | 64-Bit |
| :---: | :---: |
| True | True |
## Enumerations
| Name | Value | Description |
| --- | :---: | --- |
| Directions | Horizontal <br > Vertical | Supported panel orientation directions. |
## Event Definitions
| Name | Parameters | Return Type | Description |
| --- | :---: | :---: | --- |
| Close | (None) | (None) | (None) |
| Open | (None) | (None) | (None) |
| PositionChanged | (None) | (None) | Raised when the Position value has changed. |
| Shown | (None) | (None) | (None) |
## Methods
| Name | Parameters | Return Type | Description |
| --- | :---: | :---: | --- |
| Collapse | (None) | (None) | Collapses the splitter to the lowest value. |
| Constructor | (None) | (None) | Creates a new instance of the class. |
| Expand | (None) | (None) | Expands the splitter to the highest value. |
## Properties
| Name | Type | Default Value | Description |
| --- | :---: | :---: | --- |
| AreaAfter | GraffitiSplitViewArea | (None) | The area that occupies the left/top position. |
| AreaBefore | GraffitiSplitViewArea | (None) | The area that occupies the right/bottom position. |
| HandleIndicator | WebSDKUIControl.Indicators | (None) | Bootstrap indicator applied to the handle. |
| HandleSize | Integer | (None) | Size (in pixels) of the resize handle. |
| HandleStyle | GraffitiStyle | (None) | GraffitiStyle applied to the resize handle. |
| Position | Double | (None) | Position of the split in the view, in percent. |
| SnapDistance | Integer | (None) | Distance (in percent) to snap either fully collapsed or expanded when dragging. |
| StackDirection | Directions | (None) | Placement of panels views within the component. |
