OSU Drupal 8

1. Navigate to Manage Display Tab

Go to Admin Menu > Structure > File Types > Image > Manage Display.

2. Select Layout

Select A Layout select list = 3 Columns (Bricked) (used in example)

3. Sample Layout Displays

A sample display of the layout will appear.

Click the Save button.

4. New Display Regions Provided

The display regions that show in the sample will appear at the top of the screen and will be labeled appropriately.

Typically all of the fields that exist will be pushed into the first available space.

5. Adjust Fields

Move the fields to the desired regions. Our example is laid out in the following order:

Top Left region = Thumbnail

Top Middle region = Name, File

Top Right region = Authored By, Authored On

6. Adjust Thumbnail Field Label and Formatter

For the Thumbnail field:

Label select field = Visually Hidden

Formatter select field = Image

7. Open Widget Settings

For the Thumbnail field:

To open the Widget settings, click the corresponding cog.

8. Set Image Style

The Widget settings are kind of dramatic when they open up. Don't be alarmed.

Image Styles select field = 220x220

Click the Update button.

9. Change Labels

Change all unhidden labels to Inline.

Click the Save button

10. Completed Manage Fields Settings

After saving, the system will provide a confirmation at the top of the screen.