Table of Contents |
---|
...
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. | |
Details panel tabs | Use only in the Details Panel. | |
Ribbon tabs | Use only in the /wiki/spaces/UserExp/pages/1390479038 as tabbed navigation. | |
Vertical Tabs | TBD |
Usage & Behavior
Tabs organize content into groups and allow navigation between them. Content should be:
...
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 /wiki/spaces/UserExp/pages/1893074841.
Responsive guidelines
For Main and 2nd level tabs, where the width does not allow all tabs to be shown at once:
...
Zeplin link | Screen thumbnail |
---|---|
Main Tabs | |
2nd Level Tabs | |
Details Pane Tabs | |
Ribbon Tabs - Expand | |
Vertical Tabs |
Code
...