...

Responsive Design

Verint products should dynamically respond to the user’s screen size, platform, and orientation, supporting all devices down to the common tablet size (960px width).

For more information see the general Responsive Design guidelines.

Responsive guidelines

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

• Back and Next arrows should be shown, to allow users to scroll between the tabs.

• On touch devices, click and drag should be supported, allowing the user to drag the tabs list horizontally.

• Once the focus is removed from the tab area, the selected item should automatically move into view.

...

For Details panel tabs

• Where tab labels do not fit within the tab width, the end of the labels should be truncated with an ellipsis ….

  • The full label should be shown in a Tooltip on hover.

  • For touch devices, the full label should be shown in a Tooltip on tap-and-hold.

...

Design

Zeplin link	Screen thumbnail
Main Tabs https://zpl.io/bPkL1ma
2nd Level Tabs https://zpl.io/2ZqjW0X
Details Pane Tabs https://zpl.io/VODWzzr
Ribbon Tabs - Expand https://zpl.io/bJvqAmE

...