General

•  eZ Systems Website
•  Developer documentation

  Editor documentation

  Back to the top

Skip to end of metadata
Go to start of metadata
Overview

Preview a page on different screen sizes and devices.

 

You can see and refine the content prior to publishing it. By using responsive design you can easily optimize the displayed content to make it look great, regardless of the device it is viewed on.

At any time you can preview your pages on various types of devices with a variety of screen sizes. The content display is optimized for both landscape and portrait orientation.

 

 

 

 

 

Previewing content on different devices

 

To preview content in Page mode:

1. Go to the Page mode.

2. Choose the page you would like to view.

3. Go to the Studio toolbar.

4. Choose the type of device you would like to preview the content on.

Content preview icons

 

Video icon

 See a video on how to optimize a page for different display sizes

 

 

 

By default, three types of supported devices with their default resolutions are available:

  • Desktop (1280x1024px)
  • Tablet (1024x768px)
  • Mobile phone (480x800px)

 Example of a page preview on a mobile devicePage preview on a mobile device