Global navigation

 •  Documentation Center
 •  Technical documentation
 •  Glossary

 
User Manual:



⚠ WARNING ! This documentation is deprecated !

Please go to the current Editor Documentation

Versions Compared

Old Version 3

changes.mady.by.user Dominika Kurek

Saved on

compared with

New Version Current

changes.mady.by.user Dominika Kurek

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Panel
bgColor#ffffff
titleBGColor#dddddd
titleOverview
Section

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

 

Panel
bgColor#FFFFFF
titleBGColor#FFFFFF
titleTo 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

 

Section
Column
width36px

Video icon

Column
Expand
titleSee a video on how to optimize a page for different display sizes

 

Widget Connector
width640
urlhttps://www.youtube.com/watch?v=S_rUnAI73l8&list=PLqkvCmaUa-pxsyNOR6dvhNzLXsCbBCOAI&index=8
height360

 

 

Info

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

 

 

 

 

 Image Removed © 1999-2015 eZ Systems AS and others