Split Panel Layout
  • 07 Jul 2022
  • 1 Minute to read
  • Dark
    Light

Split Panel Layout

  • Dark
    Light

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 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 NameDefaultDescription
Percent of First Panel
50Changes 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 
FalseToggles 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.

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.



Was this article helpful?