Skip to main content

 

Patterns

 

Applies only to Traditional Web Apps
OutSystems

Breadcrumbs

Present the location of the user within the hierarchy of applications.

Use Breadcrumbs to reduce the number of actions required from the user to reach a higher-level page. Breadcrumbs are helpful visual aids in understanding the location within the hierarchy, making sections and pages easier to find and assisting with understanding the context.

How to use

  1. Drag the Breadcrumbs pattern into preview.

  2. Drag as many Breadcrumbs Items as you need.

  3. Set the content you need in the placeholders.

  4. Publish and test.

Input Parameters

Input Name Description Type Mandatory Default Value
ExtendedClass Add custom style classes to this Block. Text False none
Input Name Description Type Mandatory Default Value
ExtendedClass Add custom style classes to this Block. Text False none

Layout and Classes

Advanced Use Case

Use Breadcrumbs with ListRecords

  1. Drag the Breadcrumbs Pattern into preview.

  2. In the Content placeholder, drag a ListRecords widget.

  3. In the ListRecords widget, drag a Breadcrumbs Item.

  4. Inside the BreadcrumbsItem Pattern, use expressions to display the content.

  5. Publish and test.

Notes

The Line Separator property of the ListRecords widget should be set to None.

  • Was this article helpful?