Visual Page Editing conceptual overview
Concepts
General layout
The standard interface of Visual Page Editing shows two main sections. Most of the screen is occupied by a preview of the page with the well-known green bars marking the editable paragraphs. A newly introduced toolbox on the right of the screen presents all actions and options applicable to the currently selected item or the page as a whole. The toolbox improves the overall visibility of actions and options by providing them with both a clear location on screen and enough space to present their interface. It introduces flexibility and scalability to support current and future modules wishing to add complementary functions to page editing. The new visual page editing is still targeting mouse input, but has been crafted with touch devices in mind. While you can use this interface with a keyboard, Page Structure Editing has been specifically optimized for keyboard input and thus should be the preferred way to edit a page using keys only.
Area editing
Visual page editing in Magnolia 5 maintains the edit bar introduced in earlier versions. The edit bar