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.
...
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 | 11 |
---|
Name | Select multiple items - tree |
---|
|
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 |
---|
|