# Sandbox.UI.SplitContainer

A control that has two panes with a splitter in between. You can drag the splitter to change the size of the two panels.

- Kind: class
- Namespace: `Sandbox.UI`
- Assembly: `Sandbox.Engine`
- Inherits: [Sandbox.UI.Panel](/api/Sandbox.UI.Panel)

## Constructors

- [`SplitContainer`](/api/Sandbox.UI.SplitContainer/.ctor)

## Fields

- [`MinimumFractionLeft`](/api/Sandbox.UI.SplitContainer/MinimumFractionLeft): The smallest the left section can be as a fraction (0-1). Also controls the largest the right section can be.
- [`MinimumFractionRight`](/api/Sandbox.UI.SplitContainer/MinimumFractionRight): The smallest the right section can be as a fraction (0-1). Also controls the largest the left section can be.

## Properties

- [`FractionCookie`](/api/Sandbox.UI.SplitContainer/FractionCookie): We can save the position of this splitter in a cookie. To do that set this (or "cookie" in a template). We'll automatically save and restore from the cookie.
- [`IsDragging`](/api/Sandbox.UI.SplitContainer/IsDragging): Returns true if splitter is being dragged
- [`Left`](/api/Sandbox.UI.SplitContainer/Left): The left, or top panel. Has class "split-left".
- [`Right`](/api/Sandbox.UI.SplitContainer/Right): The left, or bottom panel. Has class "split-right".
- [`Splitter`](/api/Sandbox.UI.SplitContainer/Splitter): The splitter control
- [`Vertical`](/api/Sandbox.UI.SplitContainer/Vertical): Should this be laid out vertically? If you set this to vertical you should mentally change Left to Top and Right to Bottom.

## Methods

- [`OnTemplateSlot`](/api/Sandbox.UI.SplitContainer/OnTemplateSlot): You can create child panels in the template by setting attributes on them, like slot="left" to make that panel appear in the left panel.
- [`SetProperty`](/api/Sandbox.UI.SplitContainer/SetProperty)
- [`UpdateSplitFraction`](/api/Sandbox.UI.SplitContainer/UpdateSplitFraction): Sets the split fraction to this value. Will automatically adjust the value according to MinimumFraction parameters, and will save the new value to cookie.
