[MGNLUI-75] Add status bar to views Created: 21/Aug/12  Updated: 26/Apr/13  Resolved: 25/Apr/13

Status: Closed
Project: Magnolia UI
Component/s: None
Affects Version/s: None
Fix Version/s: 5.0

Type: Improvement Priority: Critical
Reporter: Andreas Weder Assignee: Mikaël Geljić
Resolution: Fixed Votes: 0
Labels: design, ux
Σ Remaining Estimate: Not Specified Remaining Estimate: Not Specified
Σ Time Spent: Not Specified Time Spent: Not Specified
Σ Original Estimate: Not Specified Original Estimate: Not Specified
Environment:

5.0 (Snapshot: 2012.07.31 16:32:46), 5.0 (Snapshot: 2012.08.17 01:03:01)


Issue Links:
Cloners
dependency
is depended upon by MGNLUI-74 Adjust look and height of views depen... Closed
relation
is related to MGNLUI-1111 Status bar in browser changes color a... Closed
Sub-Tasks:
Key
Summary
Type
Status
Assignee
MGNLUI-1070 Status bar, module setup Sub-task Closed Mikaël Geljić  
MGNLUI-1071 Status bar, create default view Sub-task Closed Mikaël Geljić  
MGNLUI-1072 Status bar, integrate within Workbench Sub-task Closed Mikaël Geljić  
Template:
Acceptance criteria:
Empty
Task DoD:
[ ]* Doc/release notes changes? Comment present?
[ ]* Downstream builds green?
[ ]* Solution information and context easily available?
[ ]* Tests
[ ]* FixVersion filled and not yet released
[ ]  Architecture Decision Record (ADR)
Sprint: Iteration 2013-13, Iteration 2013-14, Iteration 2013-15, Iteration 2013-16, Iteration 2013-17

 Description   

The status bar of a view (a list, tree or thumbnail view, currently) is the area just below the view, which is colored gray, if the view shows all its items, or white, if it doesn't. It's a flexible element and should not be seen as an inactive area. As a matter of fact, it resembles more the area above a view showing the view selector, the search bar and possibly additional view controls.

The status bar should, in general, capable to:

  • always indicate the number of selected and the total number of items, e.g. "35 contacts, 15 selected", "42 pages ,0 selected" or "68 messages, 68 selected".
  • show up with different background colors
  • host labels and small UI controls

Visually, it should be as wide as the content area of the view above it, so that we can achieve the effect of an "endless sheet of paper" by showing the bar with a white background color.

Some examples

The mockups on filtering and searching in a list or tree show visualize a status bar showing a message - it ensures that the user understands that the current view shows a filtered set of items only. There, the status bar shows in the yellow of the system warning messages and shows a message text with a link causing the filters to be removed again.

Another example can be found in the following visual: http://wiki.magnolia-cms.com/download/attachments/53258368/Desktop_SG_09_AssetMgmt_MT.png?version=1&modificationDate=1343747055000

Here, the status bar is shown in its white variant and also features a breadcrumb (just as an example, this is actually not needed now).

The status bar might also host additional elements and controls, such as a batch action facility if multiple items get selected. Here's an example for the messages list in Pulse: http://wiki.magnolia-cms.com/download/attachments/53258368/Desktop_SG_05_Pulse_MT.png?version=1&modificationDate=1343746824000



 Comments   
Comment by Andreas Weder [ 09/Nov/12 ]

Improved description by adding a list of tasks the status bar has to be capable of performing. The goal was to ensure that the status bar is seen as flexible area or element of a view and not as a mostly static element.

Comment by Andreas Weder [ 09/Nov/12 ]

Added direct links to screenshots for easier navigation.

Comment by Andreas Weder [ 09/Nov/12 ]

Bumping priority to critical as this is a critical element of every view. I'd like to take care of this rather sooner than later.

Generated at Mon Feb 12 08:33:21 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.