Walden, Yes! The Patternfly vertical nav does have a collapsible feature. If you read the design notes, secondary and tertiary levels can be "pinned" to the left. There is also a version I have seen which is icon only however I'm not seeing the documentation at the moment.
I also agree with your statement on full width. Reducing the margin/padding will make better use of the space for responsive purposes. On Wednesday, November 23, 2016 at 10:55:51 AM UTC-5, Walden Raines wrote: > > > is there an assumption we should move to full width with this change? > > I personally was making that assumption based on the screen in the > patternfly vertical navigation documentation [1] and I support using a > container that is very close to full width (i.e. you'll still want some > padding so you can easily tell that things aren't appearing off screen). > > Cheers, > Walden > > [1] > http://www.patternfly.org/pattern-library/navigation/vertical-navigation > > > ----- Original Message ----- > From: "Ohad Levy" <ohad...@gmail.com <javascript:>> > To: "Foreman" <forem...@googlegroups.com <javascript:>> > Sent: Tuesday, November 22, 2016 9:05:42 AM > Subject: Re: [foreman-dev] Vertical Navigation > > On Tue, Nov 22, 2016 at 3:57 PM, Walden Raines <wal...@redhat.com > <javascript:>> wrote: > > > +1 I'm a fan of switching to a vertical navigation but I do have one > > question. > > > > Is there a pattern for being able to collapse the vertical navigation? > At > > times you don't need the navigation at all and it takes up roughly 1/6th > of > > the screen (as opposed to roughtly 1/10th with the current horizontal > > navigation) so it would be nice if it could be minimized to the side > until > > needed. > > > > is there an assumption we should move to full width with this change? > > thanks! > Ohad > > > > > Thanks, > > Walden > > > > ----- Original Message ----- > > From: "Roxanne Hoover" <roho...@redhat.com <javascript:>> > > To: "foreman-dev" <forem...@googlegroups.com <javascript:>> > > Sent: Tuesday, November 22, 2016 8:24:06 AM > > Subject: [foreman-dev] Vertical Navigation > > > > > > > > Changing Direction... > > > > When the UXD team was tasked with identifying UI improvements for > Foreman > > one of the major improvements we could see was with the navigation. > > > > As it stands now, Foreman uses the Horizontal Navigation Pattern > > <http://www.patternfly.org/pattern-library/navigation/ > > horizontal-navigation/#_> > > found in PatternFly (see example below). > > > > Our reasons for improving the current UI include better adaptability for > > additional menu items and a friendlier responsive design layout. > > > > As you can see from the below screen, the current menu does not react > well > > to screen constraints, dropping menu items onto a second line. > > > > > > 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). > > > > > > > > Additional information about the vertical nav and its functionality can > be > > found on the PatternFly blog > > <https://blog.patternfly.org/vertical-navigation-finding-your-way/>. > > > > An additional note: the idea of a vertical nav was based on our > perspective > > from a user experience team. I know that there will also be additional > > considerations from a technical perspective. I’m looking forward to > > everyone's feedback. > > > > -- > > You received this message because you are subscribed to the Google > Groups > > "foreman-dev" group. > > To unsubscribe from this group and stop receiving emails from it, send > an > > email to foreman-dev...@googlegroups.com <javascript:>. > > For more options, visit https://groups.google.com/d/optout. > > > > -- > > You received this message because you are subscribed to the Google > Groups > > "foreman-dev" group. > > To unsubscribe from this group and stop receiving emails from it, send > an > > email to foreman-dev...@googlegroups.com <javascript:>. > > For more options, visit https://groups.google.com/d/optout. > > > > -- > You received this message because you are subscribed to the Google Groups > "foreman-dev" group. > To unsubscribe from this group and stop receiving emails from it, send an > email to foreman-dev...@googlegroups.com <javascript:>. > For more options, visit https://groups.google.com/d/optout. > -- You received this message because you are subscribed to the Google Groups "foreman-dev" group. To unsubscribe from this group and stop receiving emails from it, send an email to foreman-dev+unsubscr...@googlegroups.com. For more options, visit https://groups.google.com/d/optout.
