GRAFFITISPLITVIEW - GRAFFITISUITE DOCS

# GraffitiSplitView Class Inherits GraffitiUIControl ## 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 ![](https://graffitisuite.com/wp-content/uploads/2023/11/mobile_splitview_v-150x150.gif) ![](https://graffitisuite.com/wp-content/uploads/2023/11/mobile_splitview_h-150x150.gif) ![](https://graffitisuite.com/wp-content/uploads/2023/11/mobile_splitview_nested-150x150.png) Previous Next ## Compatibility ### Framework API Version | 1.0 | 2.0 | | :---: | :---: | | False | True | ### Console | 32-Bit | 64-Bit | | :---: | :---: | | True | True | ### Desktop | 32-Bit | 64-Bit | | :---: | :---: | | True | True | ### iOS | 32-Bit | 64-Bit | | :---: | :---: | | False | True | ### Web | 32-Bit | 64-Bit | | :---: | :---: | | True | True | ## Enumerations | Name | Value | Description | | --- | :---: | --- | | StackDirections | Horizontal <br > Vertical | Supported stack orientations. | ## Event Definitions | Name | Parameters | Return Type | Description | | --- | :---: | :---: | --- | | 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) | Container embedded at right/bottom. | | AreaBefore | GraffitiSplitViewArea | (None) | Container embedded at left/top. | | 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. | | 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. | | StackDirection | StackDirections | (None) | Placement of panels views within the component. |