Use Modal to add dialogs to your site for lightboxes, user notifications, or completely custom content

This project allows you to create Modal using CMS only.

Just access at: Administration » Structure » Modal

Have fun :)

Modal 5 is ready to D10 🍻

Also compatible with Bootstrap 5

Enjoy!

With Modal you're able to

Add, edit and delete Modal using CMS only;
Update your Modal using hook_modal_alter();
Intercept AJAX using hook_modal_submit();
Select pages to insert a Modal;
Define auto-open on page load;
Insert many Modals in the same page;
Wildcards in paths;
Open / reopen Modal clicking in a specific element .class or #id;
Customize Modal body with CKEditor;
Modal Header configuration;
Modal Footer configuration;
Add / remove horizontal line on Modal Header and Modal Footer;
Add / remove option: ”don’t show again”;
Customize ”OK” button;
Customize Modal size;
Publish / unpublish Modal;
Define which roles can see the Modal;
Export Modal;
Import Modal;
Create Modal programatically.

For new items and suggestions, feel free to suggest in Modal's issue queue

Screenshots:

Insert Modal programmatically

$modal = \Drupal::entityTypeManager()->getStorage('modal')->create();

$modal->setId('modal_id');
$modal->setLabel('Modal Title');
$modal->setBody('Modal Content');
$modal->setPages('/hello');
$modal->save();

Hooks available

You're able to update your Modal before display with this code

/**
 * Implements hook_modal_alter().
 */
function PROJECT_modal_alter(&$modal, $modal_id) {
  $modal->setLabel('Title Updated');
  $modal->setBody('Body Updated');
}

hook_modal_ID_alter

You're able to update Modal by ID (machine_name) with this example

/**
 * Implements hook_modal_ID_alter().
 */
function PROJECT_modal_ID_alter(&$modal, $modal_id) {
  $modal->setLabel('New Title');
  $modal->setBody('New Body');
}

hook_modal_submit

You're able to use Hook Modal Submit and work with Ajax with this example

/**
 * Implements hook_modal_submit().
 */
function PROJECT_modal_submit($modal, $modal_state, $modal_id) {

  // Your AJAX here.
  \Drupal::logger('modal_page')->notice('Modal Submit was triggered');

}

Suggestions and Helpers

Modal are completely free. Everyone is welcome to help or send suggestions.
Feel free to submit your suggestion on the issue queue or buy us a coffee

Meet the Project Maintainers

Graphic designer

Modal Documentation

See our documentation here and if you liked give us your star ⭐️

Credits

http://www.ciandt.com

RTBC issues for Modal

Filters