Beginning Drupal 8

Page Display
Chapter 9 ■ Views
Let’s define the Page display first. Click the Page button that appears directly under Displays to configure
the Page display. On this page we will display the complete Article, which includes the title, body, author
of the article, and the date and time that it was published. Let’s work top to bottom, left to right through the
configuration parameters that we need to set to make this page display what we want it to:
1. Change the “Display name” from “Page” to something a little more descriptive,
something like “All Articles Page.” To change the value, click “Page” to the
right of “Display name” and in the pop-up form enter the new value in the
“Administrative name” field, followed by clicking the Apply button. You’ll see that
the new value is displayed both in the Displays area of the view edit form and in
the “Display name” field in the left column.
2. In the Title section, change the Title of the view. This value is displayed at the top
of the output generated by views for this display. Let’s change it to “All Articles.”
Click “Recent Articles” and select “This page (override)” from the For select list.
This means that the changes we are making to this value will only be applied to
this specific view display. If you leave the value set to “All displays,” every display
will show this new title. Since we’re going to have different displays for different
purposes, “All Articles” is likely a poor choice of titles for other displays.
3. In the Format section, we have the option to generate a list using different output
formats. Click the “Unformatted list” value for Format to see a list of output
options:
• Grid: The output is displayed in rows and columns; in our example, each article
would fill one column on a row in the grid. This is a great option for displaying
photos in a photo gallery.
• HTML list: The output is displayed as either an ordered list or an unordered list.
In our example, each article would be listed as a within a or
tag. If you’re not familiar with HTML tags, check out the great tutorial
at www.w3schools.com/html or pick up one of the great introductory books on
HTML development at www.apress.com.
• Table: The output is displayed as an HTML table, where each field is displayed
in a column. A table is great when you want to provide visitors with the ability to
sort the output of a view by the values within a column.
• Unformatted list: The output is displayed as a list, but unlike the HTML list, there
are no enclosing , , or tags.
For our example Page, we’ll leave the value set to “Unformatted list.” Remember
to select “This page (override)” from the For select list when changing the value
to something other than “Unformatted list.” If you click Settings to the right of
“Unformatted list,” you’ll see the configuration options available for that type of
list. Each of the options has its own set of parameters that you can set.
103