Previous Next JavaScript must be enabled to correctly display this content

## 7.2 Understanding Page Designer UI Elements

The Page Designer window features three panes: a left pane, a central pane, and a right pane. You select a component in the left or central pane and then edit the component’s attributes in the Property Editor located in the right pane.

The left pane includes four tabs: Rendering, Dynamic Actions, Processing, and Page Shared Components. The central pane contains four tabs: Layout, Page Search, and Help and a Gallery pane at the bottom. The right pane contains the Property Editor.

Tip:

You can view an online summary of this information. View a page in Page Designer, click the Help menu at the top of the page, and select Getting Started with Page Designer.

- Page Designer Toolbar
  The Page Designer toolbar displays at the top of the page and contains both buttons and menu options. Passing your cursor over an active button and menu displays a tooltip.
- Left Pane of Page Designer
  Use the left pane in Page Designer to select or add containers and components on a page.
- Central Pane of Page Designer
  The top of the central pane in Page Designer contains the Layout, Page Search, and Help tabs. The lower part of the central pane contains the Gallery.
- Right Pane of Page Designer (Property Editor)
  Learn about the Property Editor in the right pane of Page Designer.
- Page Designer Code Editor
  Learn about using the Code Editor in Page Designer.

Related Topics

- Using Page Designer

Parent topic: Editing Pages in Page Designer