file views-view.html.twig

Default theme implementation for main view template.

Available variables:

  • attributes: Remaining HTML attributes for the element.
  • css_name: A css-safe version of the view name.
  • css_class: The user-specified classes names, if any.
  • header: The optional header.
  • footer: The optional footer.
  • rows: The results of the view query, if any.
  • empty: The content to display if there are no rows.
  • pager: The optional pager next/prev links to display.
  • exposed: Exposed widget form/info to display.
  • feed_icons: Optional feed icons to display.
  • more: An optional link to the next page of results.
  • title: Title of the view, only used when displaying in the admin preview.
  • title_prefix: Additional output populated by modules, intended to be displayed in front of the view title.
  • title_suffix: Additional output populated by modules, intended to be displayed after the view title.
  • attachment_before: An optional attachment view to be displayed before the view content.
  • attachment_after: An optional attachment view to be displayed after the view content.
  • dom_id: Unique id for every view being printed to give unique class for JavaScript.

See Also

  • template_preprocess_views_view()
Source
  1. {#
  2. /**
  3. * @file
  4. * Default theme implementation for main view template.
  5. *
  6. * Available variables:
  7. * - attributes: Remaining HTML attributes for the element.
  8. * - css_name: A css-safe version of the view name.
  9. * - css_class: The user-specified classes names, if any.
  10. * - header: The optional header.
  11. * - footer: The optional footer.
  12. * - rows: The results of the view query, if any.
  13. * - empty: The content to display if there are no rows.
  14. * - pager: The optional pager next/prev links to display.
  15. * - exposed: Exposed widget form/info to display.
  16. * - feed_icons: Optional feed icons to display.
  17. * - more: An optional link to the next page of results.
  18. * - title: Title of the view, only used when displaying in the admin preview.
  19. * - title_prefix: Additional output populated by modules, intended to be
  20. * displayed in front of the view title.
  21. * - title_suffix: Additional output populated by modules, intended to be
  22. * displayed after the view title.
  23. * - attachment_before: An optional attachment view to be displayed before the
  24. * view content.
  25. * - attachment_after: An optional attachment view to be displayed after the
  26. * view content.
  27. * - dom_id: Unique id for every view being printed to give unique class for
  28. * JavaScript.
  29. *
  30. * @ingroup templates
  31. *
  32. * @see template_preprocess_views_view()
  33. */
  34. #}
  35. {%
  36. set classes = [
  37. 'view',
  38. 'view-' ~ id|clean_class,
  39. 'view-id-' ~ id,
  40. 'view-display-id-' ~ display_id,
  41. dom_id ? 'js-view-dom-id-' ~ dom_id,
  42. ]
  43. %}
  44. <div{{ attributes.addClass(classes) }}>
  45. {{ title_prefix }}
  46. {% if title %}
  47. {{ title }}
  48. {% endif %}
  49. {{ title_suffix }}
  50. {% if header %}
  51. <div class="view-header">
  52. {{ header }}
  53. </div>
  54. {% endif %}
  55. {% if exposed %}
  56. <div class="view-filters form-group">
  57. {{ exposed }}
  58. </div>
  59. {% endif %}
  60. {% if attachment_before %}
  61. <div class="attachment attachment-before">
  62. {{ attachment_before }}
  63. </div>
  64. {% endif %}
  65. {% if rows %}
  66. <div class="view-content">
  67. {{ rows }}
  68. </div>
  69. {% elseif empty %}
  70. <div class="view-empty">
  71. {{ empty }}
  72. </div>
  73. {% endif %}
  74. {% if pager %}
  75. {{ pager }}
  76. {% endif %}
  77. {% if attachment_after %}
  78. <div class="attachment attachment-after">
  79. {{ attachment_after }}
  80. </div>
  81. {% endif %}
  82. {% if more %}
  83. {{ more }}
  84. {% endif %}
  85. {% if footer %}
  86. <div class="view-footer">
  87. {{ footer }}
  88. </div>
  89. {% endif %}
  90. {% if feed_icons %}
  91. <div class="feed-icons">
  92. {{ feed_icons }}
  93. </div>
  94. {% endif %}
  95. </div>

Related topics