Versions Compared

Version Old Version 88 New Version 89
Changes made by

Carlie Bradshaw

Hasitha Jayarathne

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Type

Usage

Image

Main tabs

Single row above the associated content. Use it as tabbed navigation.

2nd level tabs

Use only as a second level to main tabs.
Single row beneath the main tabs and above the associated content.

Details panel tabs

Use only in the Details Panel.
Single row above the associated content.

Image Removed_Tabs.pngImage Added

Ribbon tabs

Use only in the /wiki/spaces/UserExp/pages/1390479038 as tabbed navigation.

Vertical Tabs

TBD

...

Main Tabs

2nd Level

Details Pane Tabs

Ribbon Tabs

Ribbon Tabs - Collapsed

Vertical Tabs

Regular

Image RemovedImage Added

Hover

Image RemovedImage Added

Active

Image RemovedImage Added

Selected

Image RemovedImage Added

Expands the Ribbon

Focused, Regular

Image RemovedImage Added

Focused, Hover

Focused, Active

Focused, Selected

Expands the Ribbon

...

Verint products should support all devices down to the common tablet size (960px width). For general guidelines, see Fundamentals - Responsive design.

For Main and 2nd level tabs, where the width does not allow all tabs to be shown at once:

...