This modal is a confirmation modal that prevents users from leaving an edit record page without saving changes.

Structure

Title: “Close page”

Content: There are unsaved changes. If you would like to save changes, press the “Keep editing” button.”

Button: “Keep editing” in the primary style and a “Close without saving” in the default style. 

Behavior

If changes have been made, the unsaved changes modal shall appear no matter how users try to leave the page (by clicking on the close icon, the cancel option or a FOLIO navigational element). 

Related pages

The “Add new” modal, like the create dialog box, is used to add content.
This modal acts as a confirmation window for bulk actions.
A confirmation modal is a type of modal that asks users to verify if they would like to proceed with an action.
The information modal is a modal that gives users critical information about an action they performed.
The new record allows users to add new content.
The edit record page allows users to select, edit, add and delete fields.
The duplicate option allows users to create a copy of a record.