Enhance layout of headers (page title) in all views
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://
http://
Blueprint information
- Status:
- Complete
- Approver:
- David Lyle
- Priority:
- Low
- Drafter:
- Jaromir Coufal
- Direction:
- Approved
- Assignee:
- Arash Eghtesadi
- Definition:
- Review
- Series goal:
- Accepted for icehouse
- Implementation:
- Implemented
- Milestone target:
- 2014.1
- Started by
- Arash Eghtesadi
- Completed by
- Arash Eghtesadi
Related branches
Related bugs
Sprints
Whiteboard
[2014-02-20, jcoufal] This BP is dependent on navigation enhancements [0] which are already in review state [1].
[0] https:/
[1] https:/