I have a view with nodes of type 'tasks'. I want to easily view and edit these tasks by using a minimized overlay. When I click on a task title in the view, it needs to open in an overlay.

In Drupal 7 this was possible with the core overlay module, in combination with the Overlay Paths module. The core overlay has been discontinued in Drupal 8, in favor of a 'back to site' link, which does not serve my purpose to show a minimized popup block. It also needs to be used by authenticated users, not only administrators.

How can this be done in Drupal 8?

2 Answers 2


You can just add css class use-ajax and data-dialog-type="modal" to the link. For example:

<a href="/node/add/task" class="use-ajax" data-dialog-type="modal">
  Create new task


Or better you can use twig variables and functions in Views like this:

<a href="{{ path('node.add', {'node_type': 'task'}) }}" class="use-ajax" data-dialog-type="modal">
  Create new task

You can do that by constructing special links with the help of Colorbox and Colorbox Inline. You'll probably have to create your own style for the "minimized" overlay.

There are other libraries that do the same or similar thing as Colorbox, also integrated into Drupal through a module, so you might want to search and investigate others too (Shadowbox, for example).

These modules are also worth checking out: Modal Configuration, Simple Modal Entity Form, Entity Overlay.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.