You can use the smart list control to create lists or trees.

When to Use

You can use the smart list if you use an OData service for your app (OData version 2 only).

For detailed recommendations on when to use a list or a tree, see the corresponding guideline articles:

• When to use a list
• When to use a tree

Components

The smart list control consists of an overflow toolbar (1) in combination with either the list control (2) or the tree control (3).

Behavior and Interaction

The individual controls mentioned in the Components section behave exactly as they would on their own.

For more information, see the respective guidelines:

• Overflow Toolbar: Behavior and Interaction
• List Control: Behavior and Interaction
• Tree Control: Behavior and Interaction

Responsiveness

Both smart list variants are responsive. Each embedded control behaves as specified.

The following schematic examples show how list and tree use cases appear on different devices.

For more information, see the respective guidelines:

• Overflow Toolbar: Responsiveness
• List Control: Responsiveness
• Tree Control: Responsiveness

Top Tips

List or tree? What you should consider

Due to their one-dimensional layout, lists are much easier for users to grasp than trees. First consider if you can use a list to present your data. Only use a tree if your data requires a hierarchy. Make sure that the nodes are clearly labeled and that information is not nested too deeply.

More guidelines and tips for each component of the smart list

• Guidelines and tips for toolbars
• Guidelines and tips for lists
• Guidelines and tips for trees

Related Links