Examples

Example Description

Below is a live Breadcrumb rendering placed as a standalone component. It automatically generates the trail from this page’s position in the content tree: Home > Components > BSTools5 > Breadcrumb. The breadcrumb is only visible at the lg breakpoint and above (hidden on smaller screens via d-none d-lg-flex).

Usage Notes

• The Breadcrumb rendering has no datasource. It reads the current page’s ancestors from the content tree automatically via GetBreadCrumb(), which is populated by middleware/pipeline from the HTTP context features.
• The most common usage is inline via a Grid section: set ShowBreadcrumb=1 on the Grid rendering parameters and the breadcrumb is rendered inside the grid container automatically (calls @Html.Partial("ion-breadcrumb.cshtml")).
• The Breadcrumb can also be placed as a standalone rendering in any placeholder when finer control over placement is needed.
• The breadcrumb list uses d-none d-lg-flex, meaning it is hidden on small and medium screens and only visible at the lg breakpoint (≥992px) and above.
• The last item in the trail is marked with aria-current="page" and the active class — it renders as plain text (no link).
• All other items render as clickable links with href and title attributes derived from the content tree.
• Use AddClass to append custom CSS classes to the outer <nav> wrapper, and Column parameters (Small, Medium, Large) to control width if placed inside a row.