# GraffitiSplitView
Class Inherits GraffitiSuite.BaseContainer
## 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 |
### Desktop
| 32-Bit | 64-Bit |
| :---: | :---: |
| True | True |
## Attributes
| Name | Value |
| --- | --- |
| DefaultEvent | "PositionChanged" |
## Enumerations
| Name | Value | Description |
| --- | :---: | --- |
| StackDirections | Horizontal <br > Vertical | Supported split directions. |
## Event Definitions
| Name | Parameters | Return Type | Description |
| --- | :---: | :---: | --- |
| DrawSplitter | bounds as Rect | Boolean | Allows for repositioning the splitter handle by modifying the bounds parameter's property values. |
| Opening | (None) | (None) | (None) |
| PositionChanged | (None) | (None) | Raised when the Position value has changed. |
## Properties
| Name | Type | Default Value | Description |
| --- | :---: | :---: | --- |
| AllowDragResize | Boolean | (None) | Determines whether users can resize the split. |
| AreaAfter | GraffitiSplitViewArea | (None) | The last panel in the component's display. |
| AreaBefore | GraffitiSplitViewArea | (None) | The first panel in the component's display. |
| Attributes | handleBounds | Xojo.Rect | (None) |
| BackgroundColor | ColorGroup | (None) | Color applied to the background of the component. |
| BorderColor | ColorGroup | (None) | Color applied to the border of the component. |
| CustomColors | Boolean | (None) | Determines whether the control will use default color values or those supplied in properties. |
| HandleBackgroundColor | ColorGroup | (None) | Color applied to the drag handle area's background. |
| HandleBorderColor | ColorGroup | (None) | Color used to draw the border of the handle area. |
| HandleColor | ColorGroup | (None) | Color used to draw the drag resize handle. |
| HandleSize | Double | (None) | Size of the drag handle. |
| Position | Double | (None) | Position of the split in the view, in percent. |
| SnapDistance | Integer | 0 | Controls the distance from the edge which the component will snap resizes. |
| StackDirection | StackDirections | (None) | Placement of panels views within the component. |
