Modal delete confirmation

Question

How do I get a confirmation message to show as a modal dialog?

$form['mytable'][$id]['operations']['delete'] = array(
  '#type' => 'submit',
  '#value' => t('Delete'),
  '#name' => 'd' . $entity->ref,
  '#attributes' => array('onclick' => 'if(!confirm("Really Delete?")){return false;}'),
);

I've looked at the Colourbox module and OpenModalDialogCommand but I don't know how to integrate this into #attributes.

Answer 1

See https://www.drupal.org/node/2253257, wich would do this by default.

It's pretty easy to do it for your own link, note that the patch there is out of date. Instead of the accepts thing, you simply put data-dialog-type and data-dialog-options on your link attributes. See also https://www.drupal.org/node/2488192 that describes this change and contains lots of examples.

Answer 2

First, add the dependency:

js:
  js/module.js: {}
dependencies:
  - core/jquery
  - core/jquery-ui
  - core/drupal.dialog.ajax

Second, add the use-ajax class to the link:

$form["menu"] = array(
  "#type" => "link",
  "#title" => "Ajouter un menu",
  "#url" => Url::fromRoute("sallamand.footer_menu.add"),
  "#attributes" => [
     "class" => array("use-ajax"),
  ],
);