---
title: "Split Panel Layout"
slug: "split-panel-layout"
tags: ["Organization", "Layouts", "Look and Feel", "Split Panel"]
updated: 2024-08-19T22:26:31Z
published: 2024-08-19T22:26:31Z
---

> ## Documentation Index
> Fetch the complete documentation index at: https://documentation.decisions.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Split Panel Layout

## Overview

The **Split Panel** **Layout** provides two panels oriented either horizontally or vertically by choosing the **Horizontal Split Panel**or**Vertical Split Panel**respectively. Only two Panels are available within the Layout.

As the name suggests, the Layout presents two divided Panels that Designers may populate with controls to view them side by side. Once the Form runs, the user can move the **Divider** by clicking and dragging the Divider to get a better view of certain content over others.

This Layout excels when presenting information for comparison. Furthermore, another example may include displaying an order Form beside a list of the items ordered or for placing a name value in the first Panel with a more in-depth data value pertaining to the objects in the second Panel.

The following document discusses the configurable options and the benefits of using a Split Panel layout in a Form.

Although this document discusses Split Panel Layouts, there are multiple other Layout options that may prove beneficial for a user's specific use case. For more assistance in selecting a Layout type see the [Overview of Layouts](https://documentation.decisions.com/v9/docs/layouts-overview) documentation. 

---

## Configuration

Split Panel Layouts can be created via the **Vertical Split Panel Layout**and**Horizontal Split Panel** controls found in the **Toolbox > Layouts** Folder. Once created, the Designer may name the Split Panel as well as configure the **Split Container**setting panel.

| Setting Name | Default | Description |
| --- | --- | --- |
| **Percent of First Panel** | 50 | Changes the default sizing ratio of the first panel to the second. Increasing this increases the default size of the first panel and vice versa. |
| **Remember Percent** | False | Toggles if the control will preserve the adjusted sizing ratio in multiple instances of the Form in its parent Flow |

After configuring the Split Panel, previewing and/or running the Form allows the end user to move the Divider as demonstrated below with a **Horizontal Split Panel Layout**.

![](https://cdn.document360.io/6ef8bcc1-6489-4486-9ad1-83acff7e5df0/Images/Documentation/2024-08-19_17h55_28(1).png)![](https://cdn.document360.io/6ef8bcc1-6489-4486-9ad1-83acff7e5df0/Images/Documentation/2024-08-19_17h56_36.png)![](https://cdn.document360.io/6ef8bcc1-6489-4486-9ad1-83acff7e5df0/Images/Documentation/2024-08-19_18h06_26.png)

Further customization can be achieved by adding additional Layout controls, such as an additional Split Panel Layout or a **Grid Layout**, into the parent Split Panels. This screenshot also contains both Horizontal and Vertical Split Panel Layouts.

![](https://cdn.document360.io/6ef8bcc1-6489-4486-9ad1-83acff7e5df0/Images/Documentation/2024-08-19_18h17_52.png)![](https://cdn.document360.io/6ef8bcc1-6489-4486-9ad1-83acff7e5df0/Images/Documentation/2024-08-19_18h21_15.png)