overlay.html.twig

Default theme implementation to display a page in the overlay.

Available variables:

  • attributes: HTML attributes for the containing element.
  • content_attributes: HTML attributes for the content.
  • title_attributes: HTML attributes for the title.
  • title: The (sanitized) title of the page.
  • page: The rendered page content.
  • tabs: Tabs linking to any sub-pages beneath the current page (e.g., the view and edit tabs when displaying a node).
  • disable_overlay: The message about how to disable the overlay.

See also

template_preprocess()

template_preprocess_overlay()

File

drupal/core/modules/overlay/templates/overlay.html.twig
View source
  1. {#
  2. /**
  3. * @file
  4. * Default theme implementation to display a page in the overlay.
  5. *
  6. * Available variables:
  7. * - attributes: HTML attributes for the containing element.
  8. * - content_attributes: HTML attributes for the content.
  9. * - title_attributes: HTML attributes for the title.
  10. * - title: The (sanitized) title of the page.
  11. * - page: The rendered page content.
  12. * - tabs: Tabs linking to any sub-pages beneath the current page (e.g., the
  13. * view and edit tabs when displaying a node).
  14. * - disable_overlay: The message about how to disable the overlay.
  15. *
  16. * @see template_preprocess()
  17. * @see template_preprocess_overlay()
  18. *
  19. * @ingroup themeable
  20. */
  21. #}
  22. {{ disable_overlay }}
  23. <div{{ attributes }}>
  24. <div id="overlay-titlebar" class="clearfix">
  25. <div id="overlay-title-wrapper" class="clearfix">
  26. <h1{{ title_attributes }}>{{ title }}</h1>
  27. </div>
  28. <div id="overlay-close-wrapper">
  29. <a id="overlay-close" href="#" class="overlay-close" role="button" aria-controls="overlay-content"><span class="element-invisible">{{ 'Close overlay'|t }}</span></a>
  30. </div>
  31. {% if tabs %}
  32. <h2 class="element-invisible">{{ 'Primary tabs'|t }}</h2><ul id="overlay-tabs">{{ tabs }}</ul>
  33. {% endif %}
  34. </div>
  35. <div{{ content_attributes }}>
  36. {{ page }}
  37. </div>
  38. </div>

Related topics