Come up with a design for highly destructive operations in confirm forms

Created on 27 July 2016, over 8 years ago
Updated 14 October 2023, about 1 year ago

Problem/Motivation

We have some confirm forms that are more destructive than others. For example, the module uninstall confirm form can result in deleting large numbers of configuration entities, dropping database tables etc..

This came up whilst reviewing a new feature to delete content entities prior to uninstallation of a module where it was suggested that we swap the buttons and mark the delete all button as a danger button. See #2688945-90: Allow removing a module's content entities prior to module uninstallation . Eventually we decided not to do that because of UX concerns.

Proposed resolution

Some proposed designs so far have included one or more of these elements:

  1. A modal confirm form, like the node preview links provide.
  2. An extra field that forces the user to type in "Delete".
  3. An extra checkbox that is something like "Yes, I really want to delete all these things."
  4. Making the destructive operation link-styled instead of button-styled.
  5. Using more red.
  6. Swapping the position of the "Do it" and "Cancel" buttons.

Remaining tasks

Review the design.

User interface changes

API changes

Data model changes

None

Screenshots

Modules

http://127.0.0.1:8888/admin/modules/uninstall/confirm


Themes

http://127.0.0.1:8888/admin/appearance

Uninstalling a theme displays no warning even though all of the theme's blocks are deleted.

Nodes

http://127.0.0.1:8888/node/16/delete


Block: Custom

http://127.0.0.1:8888/block/1/delete


Block Block layout (Remove)

http://127.0.0.1:8888/admin/structure/block/manage/umami_search/delete


Book: Main

http://127.0.0.1:8888/node/BID/delete

Book: Page

http://127.0.0.1:8888/node/NID/delete

Comment

http://127.0.0.1:8888/comment/COMMENT_ID/delete


Contact form

http://127.0.0.1:8888/admin/structure/contact/manage/feedback/delete


Content type

http://127.0.0.1:8888/admin/structure/types/manage/article/delete


Field

http://127.0.0.1:8888/admin/structure/types/manage/article/fields/node.a...


Image style

http://127.0.0.1:8888/admin/config/media/image-styles/manage/large/delete


Media type

http://127.0.0.1:8888/admin/structure/media/manage/audio/delete


Media entity

http://127.0.0.1:8888/media/1/deletee


Menu

http://127.0.0.1:8888/admin/structure/menu/manage/example/delete


Menu: Link

http://127.0.0.1:8888/admin/structure/menu/item/1/delete


Language

http://127.0.0.1:8888/admin/config/regional/language/delete/es


Taxonomy: Vocabulary

http://127.0.0.1:8888/admin/structure/taxonomy/manage/recipe_category/de...


Taxonomy: Term

http://127.0.0.1:8888/taxonomy/term/27/delete


Text format (Disable)

http://127.0.0.1:8888/admin/config/content/formats/manage/basic_html/dis...


User (Cancel)

http://127.0.0.1:8888/user/2/cancel


User: Role

http://127.0.0.1:8888/admin/people/roles/manage/administrator/delete


Views

http://127.0.0.1:8888/admin/structure/views/view/articles_aside/delete


📌 Task
Status

Active

Version

11.0 🔥

Component
Base 

Last updated about 1 hour ago

Created by

🇬🇧United Kingdom alexpott 🇪🇺🌍

Live updates comments and jobs are added and updated live.
  • Usability

    Makes Drupal easier to use. Preferred over UX, D7UX, etc.

  • Needs usability review

    Used to alert the usability topic maintainer(s) that an issue significantly affects (or has the potential to affect) the usability of Drupal, and their signoff is needed. When adding this tag, make it easy to review the issue. Make sure the issue summary describes the problem and the proposed solution. Screenshots usually help a lot! To get sign-off on issues with the "Needs usability review" tag, post about them in the #ux channel on Drupal Slack, and/or attend a UX meeting to demo the patch and get direct feedback from designers/UX folks/product management on next steps. If an issue represents a significant new feature, UI change, or change to the general "user experience" of Drupal, use Needs product manager review instead. See the scope of responsibilities for product managers.

  • Accessibility

    It affects the ability of people with disabilities or special needs (such as blindness or color-blindness) to use Drupal.

  • Needs accessibility review

    Used to alert the accessibility topic maintainer(s) that an issue significantly affects (or has the potential to affect) the accessibility of Drupal, and their signoff is needed (see the governance policy draft for more information). Useful links: Drupal's accessibility standards, the Drupal Core accessibility gate.

Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

  • 🇦🇹Austria maxilein

    A list of the concerned pages should be included:

    The Basic page content type is being used 8 times on your site. You may not remove this content type until you have removed all of the Basic page content first.

    Page 1
    Page 2
    Page 3
    Page 4
    Page 5
    Page 6
    Page 7
    Page 8

Production build 0.71.5 2024