Skip to main content

 

Patterns

 

Applies only to Traditional Web Apps

 

OutSystems

Breadcrumbs

  • Edit
    Collaborate with us
    Edit this page on GitHub
  • 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?