Project

General

Profile

Vertical Navigation » History » Revision 2

Revision 1 (Roxanne Hoover, 12/20/2016 11:03 AM) → Revision 2/3 (Roxanne Hoover, 12/20/2016 11:17 AM)

h1. Vertical Navigation 

 Our reasons for improving the current UI include better adaptability for additional menu items and a friendlier responsive design layout.  

 h2. PatternFly Vertical Navigation 

 * Current PatternFly Blog Post: https://blog.patternfly.org/vertical-navigation-finding-your-way/ 
 * PatternFly.org documentation: http://www.patternfly.org/pattern-library/navigation/vertical-navigation/#_ *Link to current documentation 

 h2. Reference Mockup for Foreman: https://drive.google.com/open?id=0B5KC3vr5EkgmV1g3LTMwTlJueWM Foreman 

 *File can be found here:  

 h3. Additional Notes 

 There are some notes worth addressing when contemplating moving towards a vertical nav from a user experience perspective.  

 Firstly, though vertical nav supports a tertiary level, currently no nav item is in need of it. It’s nice to know it’s available if desired. 

 Secondly, the current vertical nav is at its best when nav items are given groupings and titles for those groups. The current horizontal nav inconsistently groups items. Possible solutions could be to provide groupings alternatively you could leave them as is. In the below mockup we can see a secondary nav that has one untitled grouping and three titled groupings (In Bold - Provisioning Setup, Templates, Compliance).  

 * Location can be kept in the left-hand nav or moved to the masthead and masthead. 
 * Administrator can be moved to the masthead. masthead