Tabs
Tabs are used for organizing information by showing one section while hiding other related sections at the same time.
Usage
Tabs can be oriented either horizontally or vertically.
Vertical tabs on a case should represent sections of critical data, relevant discussions, unique views of data, or fundamentally linked case relationships such as child cases and dependencies. Additionally, they may also show key bits of metadata around the internal content if desired, such as counts of items or key performance indicators.
Avoid nesting tabs whenever possible.
Limit the number of tabs to 7 or less to avoid information overload.
Example
Tab 1
Tab 1.1
Tab 1.2
Tab 1.3
Tab 1.4
Tab 1.5
Tab 2
Tab 3
Tab 4
Tab 5
Tab 6
Tab 7
Tab 8
Tab 9
Very long tab name 10
Display options
Count
Tabs may also contain a count badge if provided with a number.
Example
Tab 1.1
Tab 1.2
Tab 1.3
Tab 1.4
Tab 1.5
Content guidelines
Ensure tab names are sentence cased instead of title cased. For example, name a tab "Risk analysis" instead of "Risk Analysis".
Configuration
To learn how to configure this component in your Constellation application, visit Pega Documentation.
All information on this site pertains to the Constellation UX System (from 8.8 and onwards). Looking for something else? See resources specifically for Theme Cosmos. If you have questions, concerns, or any other feedback, please reach to us on Pega Support and include the capability 'User Experience' and 'Constellation' in your request.