Enhance layout of headers (page title) in all views

Registered by Jaromir Coufal on 2014-02-20

Current detail views are based on tabs and their layout is a little cramped.

To improve this situation, there is proposal for improving header layouts [0]. Initially it starts in detail views but the layout itself should be used in all views in the end (for sake of consistency).

Basic principal is to have a page header <h1> and its related sections as sub-navigation. In instance detail, these sections are Overview, Log, Console. On the same level as headings there is placeholder for global object actions (ideally iconic buttons). If we take it on instance detail example again, these are the most often used actions from the row actions in instances table views (edit, pause, resume, suspend, terminate, etc.). If there are global actions which are available, but not that often used (e.g. Associate Floating IP), we can hide them under 'more' icon. But to be clear, actions are not part of this blueprint, this BP should prepare only layout for next iteration where we can add actions to the object detail view.

The object detail view should be applied to other views for sake of consistency across Horizon UI - heading, underline, with(out) sub-navigation, with(out) actions.

There is existing example from Tuskar UI view [1], which is getting closer to the desired layout but still not complete (there is not applied new navigation layout with top bar, buttons are not iconic, etc.). Anyway it should be sufficient to see the intention.

[0] http://people.redhat.com/~jcoufal/openstack/details/2014-02-19_details.pdf

Blueprint information

David Lyle
Jaromir Coufal
Arash Eghtesadi
Series goal:
Accepted for icehouse
Milestone target:
milestone icon 2014.1
Started by
Arash Eghtesadi on 2014-02-24
Completed by
Arash Eghtesadi on 2014-02-27

Related branches



[2014-02-20, jcoufal] This BP is dependent on navigation enhancements [0] which are already in review state [1].

[0] https://blueprints.launchpad.net/horizon/+spec/navigation-enhancement
[1] https://review.openstack.org/#/c/70034/


Work Items

This blueprint contains Public information 
Everyone can see this information.