- 07 Jul 2022
- 1 Minute to read
Split Panel Layout
- Updated on 07 Jul 2022
- 1 Minute to read
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.
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.
|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.
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.