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, Component View, 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
  The left pane in Page Designer includes four tabs: Rendering, Dynamic Actions, Processing, and Page Shared Components. Each tab displays a list of the corresponding component types and components created on the current page.
• Central Pane of Page Designer
  The top of the central pane contains the Layout, Component View (not displayed by default), Page Search, and Help tabs. The lower part of the central pane contains the Gallery.
• Right Pane of Page Designer (Property Editor)
  The right pane in Page Designer contains the Property Editor. Use the Property Editor to edit the attributes of the currently selected component.
• Code Editor
  For attributes requiring large amounts of code (for example, a region Source), you can enter text directly in to the field or access a full featured Code Editor.

See Also:

"Using Page Designer"