This modal acts as a confirmation window for bulk actions.

Bulk action confirmation modal

Structure

Header

The header title format shall be as follow: {Action type} confirmation.  

Confirmation modal header

Content

A “summary”, showing which actions were successful versus which ones weren’t, is displayed on the top. The numbers shall be bolded as well as the terms “not” and “successfully”. All items acted upon are placed in a scrollable table. The first columns shall always show the status of the action with the failures on top. To add visual feedback, failed items shall have a red warning icon + text while successful items shall have a green check + text. 

Button

A “Close” button, in the primary state, shall be placed on the lower right.

Confirmation modal content

Behavior

When a bulk action has been performed, the confirmation modal appears. All items acted upon are displayed in a scrollable table, allowing users to scroll up and down. By clicking on an item status message, a tooltip appears to provide more information.

Confirmation modal after clicking on status message

Related pages

The “Add new” modal, like the create dialog box, is used to add content.
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.
A modal is a container triggered by a user’s action to give critical information about the action, to ask the user to take a decision ...
This modal is a confirmation modal that prevents users from leaving an edit record page without saving changes.