Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migrated to Confluence 4.0

...

Mockup
Visual Page Editing conceptual overview
Version10
NameVisual Page Editing conceptual overview
110Visual Page Editing conceptual overview

Concepts

Area editing

Visual page editing in Magnolia 5 keeps the edit bars introduced in earlier versions, but solves the cloud of bars by introducing Area Editing. The areas of a web page as defined by the web designer and introduced in Magnolia with STK templating are an excellent starting point to reduce the number of edit bars visible at any one time.

...

Magnolia 5 adds an Actions Sidebar to the page editing interface. It

  • shows all applicable actions available to the logged-in user and defined on the currently selected paragraph or area, or on the page itself. This includes access to the clipboard and undo/redo.
  • is capable of showing additional information on the currently selected element or the page itself
  • shows notifications and provides access to the list of system messages
  • contains a small box configurable by the user allowing to quickly identify the Magnolia instance

The sidebar offers a simple toggle control to switch between the page preview and the editing interface. Additional view options allow to customize what's shown and what's not. The top-most element of the sidebar visually takes up a theme used in other interface layers and acts as a place to show notifications. In the future, it will also host additional controls used to navigate layers. It also offers a close button to leave page editing.

...