| Uxstatus | ||||
|---|---|---|---|---|
| ||||
| Table of Contents |
|---|
Story
Magnolia should let me navigate and browse my web site structure by using a mouse, a keyboard and using a touch device.
In the site structure view, a tree is used to visualize the page hierarchy. I can select one or multiple pages and execute a command action on them (such as deleting or publishing them). Some commandsactions, however, are only applicable to a single, selected page, such as editing a page.
...
Some page attributes shown in the list or structure views may be edited directly within the view. Among these are the page URL, the page title and navigation title. To enter inline editing, select an item, then click or tap on it an attribute (e.g. page title) again after a short delay (to avoid actually double-clicking it) or hit ENTER on the keyboard. The attribute you clicked or tapped on will then become editable.
When using the keyboard only, enter a special command to edit the first attribute of all editable attributes in the currently selected row or of the currently selected item becomes editable. You may select to skip to a different item by repeatedly hitting the tabulator key and exit editing by hitting the escape key.
For a list of all commands defined, please see Usage summary#Inline editing in tree or list.
...
The page name is a mandatory attribute and only accepts a limited range of characters. If validation discovers that the input is wrong or missing, a small overlay is displayed with a message describing the problem. The overlay can be removed by dismissed or closing it - in this case, the value of the field is replaced by the previously entered value.
The overlay must be visually connected to the field and it muss be clear that dismissing or closing it aborts the edit operation.
validating message is shown.
For a description of how validation messages work, please refer to Showing validation messages in lists, trees and gridsFor commands defined, please see Usage summary#Inline editing in tree or list.
Inline editing restricted to simple attributes
...
The list of editable page attributes contains:
- page name/URI: mandatory, must not be empty, only accepts characters valid in a URI
- page title: optional, if empty, page name is taken
- navigation title: optional, if empty, page name is taken
Not editable are the page template, status fields, the author name and any dates.
Mockups
Browsing the structure
(No editable mockup here because Balsamiq Mockups was constantly corrupting my mockups)
Warning and errors during inline editing
| Mockup | ||||||||
|---|---|---|---|---|---|---|---|---|
| ||||||||
| Mockup | ||||||||
|