...
| Mockup |
|---|
| Actions sidebar layout |
|---|
| Actions sidebar layout |
|---|
| 1Version | 4 |
|---|
| Name | Actions sidebar layout |
|---|
|
The upper part always contains the list of actions, but may also show additional information on the currently selected item. It is implemented using an Actions Rack, which uses a dedicated unit for handling the list of actions. Please thus refer to the corresponding page for detailed descriptions on behavior and available functionality of the upper part of the sidebar as well as on how notifications are shown.
...
| Mockup |
|---|
| Minimized preview |
|---|
| Minimized preview |
|---|
| 1Version | 2 |
|---|
| Name | Minimized preview |
|---|
|
A click on the preview image shows a larger version of it in an overlay dialog, which may also present additional details on the selected item such as its file size or modification date. If a single item has been selected and the view it was selected in is a list, a tree or a grid, the overlay dialog also offers forward and backward buttons to jump to the next (lower) or previous (upper) item in that view. If multiple items were selected, these forward and backward buttons are restrained to move to the next or previous item of the selection.
| Mockup |
|---|
| Larger preview |
|---|
| Larger preview |
|---|
| Version | 1 |
|---|
| Name | 1Larger preview |
|---|
|
...
| Mockup |
|---|
| Minimizing the sidebar |
|---|
| Minimizing the sidebar |
|---|
| 1Version | 2 |
|---|
| Name | Minimizing the sidebar |
|---|
|
Care must be taken to ensure that changing from the expanded view of the sidebar to the collapsed one does not disorient and confuse the user. Use the animations to smoothen the transitions as defined for the Actions Rack and slide the preview up and down instead of abruptly opening and closing it.
