Story
Magnolia allows me select a single item or multiple items easily by using the mouse, the keyboard or touch gestures. All input methods are interchangeable.
...
To select multiple items, you repeatedly select single items using their checkboxes until all your items are selected (toggle selection). If you use the checkboxes, all already selected items remain selected and the newly selected items are merely added to the set of selected items.
Alternatively, use a rubber band rectangle when using a mouse to select the items (object selection). Note that in the latter case, the checkboxes of all selected items are also checked as soon as you release the mouse button. A previously selected group of items is first deselected before the newly defined group becomes selected by a rubber band.
...
When using the keyboard, selecting multiple items is less easy as it involves pressing a modifier key while selectingduring selection. You may select a range of items by selecting the first item of that range, then selecting the last item while holding the SHIFT modifier key. You may add or remove an additional item to the set of currently selected items, by pointing at or moving the focus to it, then selecting it while holding down the Ctrl/Cmd modifier key.
...
Allowing both object selection and toggle selection of items could result in a confusing interface. Magnolia solves this by actually implementing hybrid selection. In short, this means:
| Note |
|---|
| title | Hybrid selection in Magnolia works like this: |
|---|
|
- when only selecting a single item, ticking its checkbox or simply selecting it using a click, a tap or hitting SPACE on the keyboard doesn't make a difference
|
...
- if one or multiple items are currently selected,
|
...
- you may add an item to this set by checking its checkbox or by selecting it while holding down the Ctrl/Cmd modifier key
- if one or multiple items are currently selected, you may remove an item from this set by unticking its checkbox or by selecting it again while holding down the Ctrl/Cmd modifier key
- when multiple items are selected, starting a drag or executing an action on them first ticks the checkboxes of all currently selected items (no matter how they were selected), then starts the drag or executes the actions on them. This is to visually clarify, which items are affected by the action.
- a preview is always shown on all selected items, whether they have been selected by ticking their checkbox or not.
|
Open
Open an item for editing or further inspection
...
| Mockup |
|---|
| Select single item - tree |
|---|
| Select single item - tree |
|---|
| 1Version | 3 |
|---|
| Name | Select single item - tree |
|---|
|
Tree view supporting selection of multiple items
| Mockup |
|---|
| Select multiple items - tree |
|---|
| Select multiple items - tree |
|---|
| Version | 1 | |
|---|
| Name | Select multiple items - tree1 |
|---|
|
Grid view supporting selection of a single item only
| Mockup |
|---|
| Select single item - list |
|---|
| Select single item - list |
|---|
| 1Version | 6 |
|---|
| Name | Select single item - list |
|---|
|
Grid view supporting selection of multiple items
| Mockup |
|---|
| Select multiple items - list |
|---|
| Select multiple items - list |
|---|
| 1Version | 3 |
|---|
| Name | Select multiple items - list |
|---|
|
