[MGNLUI-74] Adjust look and height of views depending on amount of items shown Created: 21/Aug/12  Updated: 19/Jun/13  Resolved: 19/Jun/13

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

Type: Bug Priority: Critical
Reporter: Andreas Weder Assignee: Unassigned
Resolution: Duplicate Votes: 0
Labels: design
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

Issue Links:
Cloners
dependency
depends upon MGNLUI-75 Add status bar to views Closed
relation
is related to MGNLUI-60 Improve general appearance of tree vi... Closed
is related to MGNLUI-89 Improve List and Tree view (collectin... Closed
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)
Bug DoR:
[ ]* Steps to reproduce, expected, and actual results filled
[ ]* Affected version filled
Date of First Response:

 Description   

The height of a view as well as its appearance is not correct yet.

  • If a view is empty or showing all its items without having to display a scrollbar, it should nevertheless extend almost to the bottom of the screen, but leave some space for a (larger) gray status bar. The bar is visually part of a gray frame that surrounds a view. Currently, the view ends somewhere in-between.
  • If a view cannot show all its items in the available screen estate, it should:
    • show a scrollbar
    • should look as if it extended all the way down to the bottom of the screen. This means that the previously gray status bar becomes white, leaving the impression that the "sheet of paper" showing the items of the view extends below the screen.

Please note that the status bar - contrary to what is shown on most visual designs - actually features UI elements as well. More on the status bar: MGNLUI-75 (see also referenced issues)

Most of the general apps layout definitions can be found in the style guide at: http://wiki.magnolia-cms.com/display/UX/Style+guides+for+Magnolia+apps#StyleguidesforMagnoliaapps-AppslayoutandTreeview



 Comments   
Comment by Andreas Weder [ 21/Aug/12 ]

Raising this to major, as I'd love to see this working for both keynote and preview release. However, the current solution somewhat works, so I'm not raising this any higher.

The list still behaves somewhat weird:

  • with scrollbars showing, but not all the way to the bottom
  • sometimes, though, the list seems to be actually larger than the visible area, causing the scroll bar to extend behind the gray/white status bar at the bottom.
Comment by Andreas Weder [ 11/Sep/12 ]

Moving this to cleanup version. Still an issue and actually quite important.

Comment by Andreas Weder [ 24/Oct/12 ]

Raising this to critical as it is one of the things Pascal and me would like to see fixed in trees and lists rather sooner than later.

Comment by Christopher Zimmermann [ 29/Nov/12 ]

At the VERY LEAST for s010 the Views should resize to fit the window.

Comment by Andreas Weder [ 04/Dec/12 ]

Updated mentioned link to style guides.

Comment by Mikaël Geljić [ 04/Dec/12 ]

moved back to 5.0 backlog since it might involve some specific vaadin/gwt adaptative layout, to react based on the size of inner content. Will focus on layout/scrolling issues for s10.

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