Skip to end of metadata
Go to start of metadata

Purpose: Defines how to use breadcrumb navigation in Kuali application interfaces.

Category: Navigation, Breadcrumb

Related jiras: UXI-386 - Data cannot be retrieved due to an unexpected error

Process Phase:

  • UXI JIRA Created (insert link above)
  • Component Specification draft complete
  • UXI code review complete
  • Reconcile with UIM and KRAD existing designs
  • Conduct user testing (if needed)
  • Routed for review with Kuali UX Working Group and UX/KRAD Working Group
  • Reviewed with KAI
  • Rice JIRA Created (in KULRICE Project)
  • KRAD Implementation complete
  • Component released (insert rice release version below)

Version: 1.0


Breadcrumbs take their name from the Hansel and Gretel fairy tale. The brother and sister would drop bread crumbs along the forest path so they could re-trace their steps and find their way home. As such, a breadcrumb for the Web is similar in that it presents a navigational trail where users have been so they can easily get back to where they came from. They also help alleviate cognitive load of remembering previous steps.

Kuali applications have three different variations of breadcrumbs.

  • Location-based
  • Path-based (used mainly in modals and breadcrumbs with only one or two levels)
    • Normal (Bootstrap default)
    • Alt (transparent background)

The license could not be verified: License Certificate has expired!

  • No labels

1 Comment

  1. Chris Rodriguez We should make the location based breadcrumb with the menu responsive as well. 

    When in mobile, it could display a ">" at the end of it when expanded down once a user clicks on the '...'.  When clicked on again, it could bring up the second menu and offer a way to get back to the first menu.  Let me know if that doesn't make sense.