Level 3: Tab Pages

Standard Tab Page

Required

The label displayed in the dropdown menu (for example, Customers) should correspond to the business object details in the page.

The header title should describe the selected business object (for example, Customer 1).

The tab page displays the detail information.

Additional tabs should be used for additional detail information related to the same business object.

Optional

If the number of tabs does not fit the width, use a dropdown menu instead of a tabstrip.

 

Example of a Tab Page

Figure 1: A tab page with detail information

Tab Page with Table

Level 3 is accessed by using the tab strip. These tabs can contain either a list or details.

Required

A table should display a list of related business objects. The table does not need an additional header.

Recommended

To simplify pages, avoid associating too many action icons with list items. Instead, provide buttons on detail pages. For example, it is acceptable for users to drill down one level to delete an item, in applications where "batch" deletion is not expected.

Prohibited

Do not place one tab strip inside another. Instead, replace the tab strip with a dropdown menu, which is more appropriate for up to 15 items.

Navigation

Clicking links in the table (for example, the 301 link) would link to a detail page from a different business object and the dropdown menu would change accordingly.

 

 

Example of a Tab Page

Figure 2: A tab page with list table

top next

Source:  SAP PDA Style Guide for PDA Applications