Beginning Drupal 8

Formatting the Output of a Custom Content Type
Chapter 5 ■ Content Types
There will be times when the visual representation of your new content type as displayed to the end user of a site
doesn’t fit with how you would like the content created with your new content type to be rendered on the screen.
In the previous section we looked at rearranging the fields on the form used by content authors to create an
event; in this case we are rearranging the content as it appears when an event is rendered to an end user.
Adjusting the order and positioning of the labels in relation to the field can be accomplished by clicking
the “Manage display” tab on the custom content type edit form.
We will use our Event content type to demonstrate the capabilities. Clicking the “Manage display” tab
reveals the page shown in Figure 5-32.
Figure 5-32. “Manage display” page
This page lists all of the fields that are associated with our content type, and provides the ability to
define basic display attributes for the label and content for each of the fields. By default there are two sets
of values that we can set: one for the Default (full node) and one for the Teaser view. The Default option
displays the complete content item and Teaser displays just the content item’s title and a trimmed version
of the body field. You can switch between these using the two links at the top left of the page. If you click the
select list for the Label of each field , you will find that there are three options:
• Above: The label will be displayed on a line immediately above the widget that you
selected for your field.
• Inline: The label will be displayed to the left of your widget, on the same line as the
widget.
• Hidden: The label will not be displayed on the screen.
71