Skip to end of metadata
Go to start of metadata

Purpose: Demonstrates how and when to use modals.

Category: Modal, popup windows

Related jiras: UXI-318 - 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
  • 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


Modals in Kuali are used to provide additional information to on-screen content, allow modification of data while keeping the user within context and without leaving the current page, and to provide user feedback, especially in the way of confirming important actions.


  • Content modals

    • Your average modal, housing content that's interactive. Usually has a primary and tertiary action in the footer bar.
    • Clicking outside of the modal will close the modal, performing a "cancel/close" action.
  • Confirmation modals

    • Appear upon important actions, such as deleting something or actions that would make significant changes.
    • These modals block further action until a choice is made (typically, "Okay" or "Cancel").
    • Clicking outside of the modal will not do anything - a choice is required by the user.
  • "Speed bump" modals

    • Similar to confirmation modals accept not meant for significant actions.
    • Act as more of a notification (i.e., "hey, make sure you know 'this' before continuing").
    • Clicking outside of the modal will close the modal, performing a "cancel/close" action.


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

  • No labels