Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Starting to work on touch support, reworking highlighting

...

Magnolia allows me select a single item or multiple items easily by using the mouse or , the keyboard or touch gestures. Both All input methods are interchangeable.

Magnolia also highlights an item, if the mouse or the keyboard focus is currently above a selectable item - it is not hightlighting highlighting items, which may not be selected at all.

On input methods

Note that each of the three supported input methods mouse, keyboard and touch has its own characteristics. Not all visual feedback and interaction possibilities are supported by all.

In particular, you may highlight an item by hover the mouse on it or by moving the keyboard focus on the item. Touch devices do not support highlighting in an intuitive manner, so Magnolia does not support highlighting of items for touch input.

Selecting an item is as easy as clicking on it or touching it. Selecting multiple items is also easy, if we provide checkboxes. For these input methods, you thus have two way to select items: you either touch the item or click on it, or you mark its checkbox. When using the keyboard, however, the clearest way to handle item selection is to unify both: when you select the item by pressing a key, you also immediately mark its checkbox.

If any of this is not entirely clear, please refer to the more detailed explanations below.

Behaviour description

An item (and its context) is visually highlighted on mouse over or by moving the keyboard focus on the item using one of the arrow keys (UP, RIGHT, DOWN, LEFT).
Highlighting an item mainly indicates that the item could also be selected.
If an item is only highlighted, no details on it are shown anywhere in the interface - the visual marker merely makes it clear that the item could be selected. The reason we show no details is to prevent the interface from changing too rapidly, to keep it responsive and to prevent high load on the server.

...