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 7

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

The Page mode allows front-end editing, that is modifying pages directly from their preview.

 

Page mode is one of the work modes available in eZ. It comes with the eZ Studio component.

Page mode screenshot

Example of a page viewed in Page mode

Panel
bgColor#FFFFFF
titleBGColor#dddddd
titleIn this topic

Table of Contents
maxLevel3

Panel
bgColor#ffffff
titleBGColor#dddddd
titleRelated topics

Interface

Content mode interface

 

 

Elements of Page mode interface

Navigation hub

 

The Navigation hub is common for the whole eZ interface. It allows you to jump to other editing modes and to access administrator options.

The lower row of the Navigation hub lists available siteaccesses and allows you to switch between them.

Page mode screenshot with focus on navigation bar

Navigation hub in Page mode

 

Studio toolbar

 

The Studio toolbar is located below the Navigation hub and contains basic controls for the Page mode.

The toolbar offers useful options and information to help you manage content within eZ Studio. It provides quick access to the main View and Edit modes and most frequent actions associated with editing work.
The Studio toolbar has slightly different options, depending on whether you are in View or Edit mode.

 

 

 

 

Studio toolbar in view mode

 

 

 

 

 

Mode switcher. You can switch between View and Edit mode.

Information Panel. Displays information about your current status:

  • name of the active mode (Viewing or Editing)
  • the current URL of the website being previewed
  • author and date of the last modification

Status
colourYellow
title16.04 or later

Version button. Opens a window with a list of all the versions of the current Content item.

Status
colourYellow
title16.04 or later

Options. Opens a drop-down menu with the following options:

  • Copy URL. Copies the current URL. You can then paste it into a web browser.
  • Send to Trash. Removes the current Content item and places it in Trash.
Preview. Use it to optimize the displayed content on devices with various screen sizes.

Depending on the mode you are in this will be:

Create. Use it to create a new Content item - either Landing Page or regular content. 

or

Publish. Use it to publish the Content item you are editing. Click the down arrow to access:

Status
colourYellow
title16.04 or later

  • Save draft. Save introduced changes as a Draft.
  • Delete draft. Delete the Draft you are editing.
  • Discard. Cancel changes introduced and return to View mode.

 

 

 

 

Timeline

 

When viewing a Landing Page, the space below the Studio toolbar will contain a Timeline toolbar. It helps in visualizing the changes made to a Landing Page in a given period of time:

 

Timeline toolbar

Timeline toolbar

 

 

 

Page preview

 

The main part of the window is taken up by the Page preview.

View mode

In View mode this part of the window displays the current page as it looks to the visitor.

Edit mode

In Edit mode you can also preview the page. It is additionally visibly divided into zones, allowing you to clearly see the layout of the page and modify all of its elements.

Page mode screenshot with focus on page preview

Page preview

 

 

 

 

Sidebar

 

The sidebar on the right is only present in Edit mode. It contains options for editing the current page and adding blocks to it.

Page mode screenshot with focus on sidebar

Sidebar with block options