Layouts & Structure

Split Pane

A split pane divides the screen into two resizable or coordinated areas.

Also called Split viewTwo-pane layoutSide-by-side panelsTwo columns that work together

Visual Example

List
Preview

Plain Definition

Split panes work when two related areas need to stay visible at the same time.

You Might Describe This As...

  • "Side-by-side panels"
  • "Two columns that work together"

Fast lookup

You May Also Mean

A split pane usually gives both areas comparable importance; a sidebar layout treats one side as supporting content.

Sidebar Layout

Check the name, visual cue, and typical use.

What It Is Used For

  • Showing a list and details together
  • Comparing two views
  • Keeping an editor beside a preview

Example User Phrasing

  • "Show the inbox list and message preview in a split pane."
  • "Put the editor and live preview side by side."