General

  eZ Systems Website
  Developer documentation


  Editor documentation

  Back to the top

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: naming change
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.Platform Enterprise Edition

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

Exploring the Interface

Content mode interface(old)

 

 

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 StudioEnterprise. 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
titlev1.3

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

Status
colourYellow
titlev1.3

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
titlev1.3

  • Send for review. Sends the page to another user to be reviewed. See Content review workflow for more information.
  • Save draft. Save introduced changes as a Draft.
  • Delete draft. Delete the Draft you are editing. (This option is only available when you are editing an unpublished Draft.)
  • 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