...

Responsive Design

Verint products should dynamically respond to the user’s screen size, platform, and orientation, supporting support all devices down to the common tablet size (960px width). For general guidelines, see Fundamentals - Responsive design.

• As the screen width changes, the VerinTop should respond based on the number and length of menu items in both 1st and 2nd level navigation.

• The space between menu items should not be adjusted at any width.

  • Each menu item will have the same padding either side of the label. The selection highlight should extend across this padding.

  • 1st and 2nd level menu items will have an additional consistent spacing between them.

Wide screens

...

Where the screen size is wide enough to comfortably show everything contained within the VerinTop:

...

• a More… option should be added on the right-hand side.

• clicking More… will open a drop-down menu containing the remaining menu items.

• the same hover and selected states from the main menu should be used for menu items in the drop-down.

...

Where 1st level navigation does not fit within the screen width, even after line wrapping:

...