Versions Compared

Key

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

Table of Contents

...

  • A title. The title text can wrap up to two lines of text, but it is recommended that it is short and to the point.

  • A chevron icon (included in the Verint Font Icon).

  • In case the content was changed, a mark (blue dot) is added to the header of the section.

...

State

Image

Comment

Changed content mark

Section header with checkbox

Section header with warning

Interaction

  • You can click on any part of a section header to select (open) it. This has two exceptions:

    • When a checkbox is shown, clicking it selects/deselects the checkbox.

    • When a warning icon is shown, clicking it opens a tooltip.

  • When opening a new section, the previously-open section should close automatically.

  • When closing an open section, the section beneath it should open automatically. Closing the last section in the accordion should automatically open the section directly above it.

  • In case the title is longer than its container, hovering over a section header should show a tooltip with the full name of the section header.

...