Fullscreen Image

This template is designed to display Fullscreen images alongside:

  • An optional image caption

  • An optional image credit

  • With standard pinch and zoom features

Like all image templates, this page has several required fields to complete before building your fullscreen image page. You can also live preview and publish the page from this screen.

Note: Pages must be published to appear within an article in the app.


Fullscreen Image Template Configuration

To create a new Fullscreen Image page, complete the following sections:


1. Page Info (Optional)

  • Used for internal reference only

  • Helps identify and organize content in the Views panel of Contentful

  • Does not appear in the app

  • Highly recommended for keeping content organized

  • Add a descriptive title for easier navigation

  • Character limit: 256 characters


2. Image (required)

  • This is where you import your image source file

  • See Importing Images here for detailed steps


3. Caption (optional)

  • This is where you add caption text

  • Character limit: 200 characters


4. Enable Pan & Zoom (required)

  • Controls whether visitors can pan and zoom on the image.

  • Default setting: No


Steps to Add a Fullscreen Image

Fullscreen images—like other images, videos, audio, and PDFs—are nested within three layers of templates:

  1. The image file must first be imported into a File Asset Template.

  2. The File Asset Template is placed inside an Image Asset Template.

  3. The Image Asset Template is then nested inside the Fullscreen Image Template.

The steps are the same as importing an image for an Article Card. See Image Asset Template Configuration for detailed steps.

Last updated