Views

Drupal 8

Complete guide

Views

Overview

Views

Using the Views module, you can fetch content from the database of your site and present it to the user as lists, posts, galleries, tables, maps, graphs, menu items, blocks, reports, forum posts etc.

Different content types including nodes, users, and other bundles can be displayed.

Views

Views UI, a submodule within Views, provides a graphical interface underneath which lies a powerful SQL query builder that can access virtually any information in your database and display it in any format.

Views

Different displays can present the query results as pages with fixed URLs on your site (or URLs accepting arguments), blocks, feeds, or panel panes.

Views

You can also use Views to present related content or implement contextual filters.

An example of presenting related content is when you want to display a list of users along with links to the content they have created. To do this, you need to create a relationship linking two nodes.

Views

Interfaces

The Views Overview can be found under Structure > Views.

Views have some basic settings than can be found under Structure > Views > Settings

When creating a new view you start with the Creation Wizard.

Once a view has been created you can edit it using the normal View UI.

Views Overview

Views Settings

Creation Wizard

Wizard - Page

Wizard - Block

Views UI

Views

Edit UI

UI

Displays

View Operations

Display Operations

Basic settings

Display settings

Advanced settings

UI - Displays

Choose/add display

View operations

edit/copy/delete

UI - Displays

"inline" view, attached to other views

view available as a block

to embed with code/php

feeds: rss, json, etc

view available as a page

create custom admin search filters

for references to taxonomies & other entitites

UI - Displays

Display operations

edit/copy/delete

UI - Displays

When making changes, make sure to choose the correct display!

Views

Basic settings

UI - Basic settings

UI - Format

HTML grid with custom grid classes

HTML list <ul><li></li></ul>

HTML table <table><tr><td>

HTML divs <div class="views-row"></div>>

UI - Format

Unformatted list - settings

UI - Format

Table - settings

UI - Format

HTLM List - settings

UI - Format

Grid - settings

UI - Format show

Uses content displays: Default, Full, Teaser

Choose fields

Content snippet

UI - Format show

Fields

Content

UI - Format show

Field settings

UI - Format show

Content settings

UI - Fields

UI - Fields add

UI - Fields rearrange

UI - Field settings

Settings relative to field type

UI - Field settings

UI - Filters

UI - Filters add

UI - Filters rearrange

UI - Filter settings

UI - Filter expose

UI - Sort criteria

UI - Sort add

UI - Sort rearrange

UI - Sort settings

Views

Display settings

Page settings

Menu item - none

Page settings

Menu item - normal menu entry

Page settings

Menu item - menu tab

Menu items of this kind will be visible as tabs on a given path, here called the tab's main page, rather than being displayed as normal menu items.

Page settings

Menu item - default menu tab

Creating default menu tabs is similar to creating regular menu tabs, but at the same time you are creating the main page for the tab.

Block settings

Block name: This will appear as the name of this block in administer >> structure >> blocks.

Block category: The category this block will appear under on the blocks placement page.

General settings

Header/Footer/NR

Header, Footer and No results behavior can be configured to display custom markup, a different view, a block, content and other entities.

Header/Footer/NR

Pager

Pager - type

first, previous, 1, ..., 5, 6, 7, ..., 9, next, last

previous, 5, 6, 7, next

Pager - type

Pager - more link

Pager - link display

Views

Advanced settings

Relationships

A relationship is like making a JOIN in SQL.

You relate different types of content and/or entities through fields with the same value.

When you add a relationship, you can start using the fields of the related entity. This way you can create more advanced views, or filter based on related content.

Relationships

When you first create a view you select the base table from options such as Comments, Content, and Taxonomy terms. This cannot be changed later.

After that selection you will only be able to select fields from that base table. For example, with a Content view, you can get the User ID of the author, but not the author's username.

To get that information you will need to create a Relationship to join those two tables. With the connection of User ID, you can get the author's username from the User table.

Relationships

See example here:

https://www.drupal.org/docs/8/core/modules/views/add-a-relationship-to-a-view

Contextual Filters

You can configure a view so that it is filtered dynamically, depending on the context.

For example, you could use a contextual filter to add a block that contains related content or that presents a list of articles by the same author.

Prerequisite: To create a contextual filter that is based on a context other than the information in the URL, you may need to create a relationship. For more information, see previous slides relationships.