Inline Editor

Click on the image for a full size version

Inline editing is a new feature, which improves the user experience during editing of page contents. The HTML5 inline editing enables content managers to change the contents in place directly on the preview page.

When the cursor is hovering over text, which can be edited inline, the edit pen appears. By a simple click on it, the edit mode starts and optionally rich text options come up.

Extra effort has been spend to ensure that the editor opens without displacing elements, switching the view or any flickering effects.