Minimum Software Version8.18.10
Solution(s)Cases International Cases US Institutions Counsel
Explains how to use the Portal Page Editor to design and configure highly customisable portal pages using sections, components, and layout controls.


Portal pages in Opus 2 are highly configurable and are built using the Portal Page Editor, which allows users to assemble content drawn from files, documents, and worksheets. Pages are created using a block‑based, drag‑and‑drop interface that separates page structure, layout, and content editing into clearly defined panels.


The Portal Page Editor is divided into three main panels:

  • Left‑hand panel – Used to add sections and components
  • Middle panel – Used to build and preview the page layout
  • Right‑hand panel – Used to edit the content and settings of selected components


This separation allows users to design the visual structure of a page independently from the content it displays. 

Left‑hand panel: Sections

Sections define the page structure. They are horizontal block layouts that determine how content is arranged across the width of the page.

Available section layouts include:

  • One section across the page
  • Two sections (equal width)
  • Two sections (2/3 – 1/3)
  • Two sections (1/3 – 2/3)
  • Three sections (equal width)
  • Four sections (equal width)

Sections are added by dragging them into the layout and stacking them vertically to build the complete page structure.

Left‑hand panel: Components

Components represent the actual content placed within sections.

To add content:

  1. Select a component type.
  2. Drag and drop it into an existing section.
  3. Configure its content after placement.

Supported component types include:

  • Text block
  • Image
  • Link
  • Input form
  • Calendar
  • Timeline
  • Worksheet
  • Chart
  • Cards
  • Single card
  • Documents

Each component has its own configuration options depending on its type.

Middle panel: Layout and Preview

Layout

The Layout view is the design workspace where sections and components are positioned.

  • Sections must be defined before components can be added.
  • Both sections and components are added via drag‑and‑drop.
  • Components appear as placeholders showing their type.

Preview

The Preview tab shows how the page will appear once published.

  • Updates dynamically as changes are made.
  • Allows users to review draft layouts and content before publishing.
  • Ensures design and content are correct prior to going live.

Right‑hand panel: Component editing

The right‑hand panel is used to edit the content and settings of a selected component.

  • Selecting a component in the layout opens its editor.
  • Available options depend on the component type.
  • Changes are reflected immediately in the preview.


Use the Portal Page Editor to design flexible, reusable, and visually structured pages. Define sections first, then add components to create clear and engaging portal content, and always review changes in the preview before publishing.