Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Table of Contents
minLevel1
maxLevel2

...

Type

Description

Layout

Example

Top navigation layout

Used by default for Verint applications.

For more information, see VerinTop Top Navigation.

Left navigation layout

Used for Verint applications with larger navigation menus.

For more information, see VerinTop Left Navigation.

Arrangement

Make sure there’s a natural flow between the elements on the page. Where there is a clear hierarchy between elements, it is recommended that they are arranged from top to bottom, left to right. For example:

...

Full page layout

Popup and Popover

Text and lists

Without markup:

image-20240304-133337.pngImage Removed

Without markup:

image-20240919-102531.pngImage Added

Without markup:

image-20240304-133416.pngImage Removedimage-20240919-102553.pngImage Added

Toolbar and icon-heavy example

image-20250211-093016.pngImage Added

Structure

Layouts consist of:

...

...

The right-hand details pane should be used to present information and actions relating to selected items within the main content, or additional content related to the main workspace.

For full details, see Details Pane.

Interaction

  • The layout may not have a whole-page scroll. Each individual pane or workspace may have its own internal vertical scroll, where necessary.

  • The left and right panes may be collapsible, depending on the screen width. See individual pane specifications for further details.

...