Re: [Kimchi-devel] [RFC] Wok / Ginger sidebar

Looks really good for me! +1 On 07/12/2016 05:54 PM, Samuel Henrique De Oliveira Guimaraes wrote: > > Created a new variation with a sticky fixed floating sidebar and > single contente on the page. I also removed the accordion because if > we are going to display only one item per page, we shouldn’t have > hidden elements on the page. > > Samuel > > *From:*Aline Manera [mailto:alinefm@linux.vnet.ibm.com] > *Sent:* terça-feira, 12 de julho de 2016 09:53 > *To:* Samuel Henrique De Oliveira Guimaraes > <samuel.guimaraes(a)eldorado.org.br>; kimchi-devel(a)ovirt.org > *Subject:* Re: [Kimchi-devel] [RFC] Wok / Ginger sidebar > > Hi Samuel, > > I'd say to keep the menu always visible in a left panel/menu and with > a default first view when user enters on Administration tab. > > Regards, > Aline Manera > > On 07/11/2016 06:12 PM, Samuel Henrique De Oliveira Guimaraes wrote: > > Hi team, > > Based on the feedback I’ve created a new mockup putting all > Ginger features in a floating vertical menu (I’ve only put some > of them but you’ll get the idea). > > Samuel > > *From:*kimchi-devel-bounces@ovirt.org > <mailto:kimchi-devel-bounces@ovirt.org> > [mailto:kimchi-devel-bounces@ovirt.org] *On Behalf Of *Chandra > Shekhar Reddy Potula > *Sent:* quinta-feira, 7 de julho de 2016 09:50 > *To:* kimchi-devel(a)ovirt.org <mailto:kimchi-devel@ovirt.org> > *Subject:* Re: [Kimchi-devel] [RFC] Wok / Ginger sidebar > > Hi Samuel, > > First of all thanks for your extensive investigation on various > possibilities in front of us !!! > > I personally liked the option https://www.sitepoint.com/ which > would be ideal to have with possibly 3 level navigation. > > Nevertheless, let us start with having side pane to provide > immediate relief with the way proposed in the figures > ginger_sidebar_1.png and ginger_storage_2.png and eventually make > it more better if it is too complex doing all of it ones. > > I agree with Daniel recommendation for the for > ginger_sidebar*.png, ie. have one second level tab for now and > all the functionalities go under the side pane which would be > enabler in future some thing similar to your proposal of > https://www.sitepoint.com/ > > Thanks and Regards > Chandra > > On 7/5/16 12:32 AM, Samuel Henrique De Oliveira Guimaraes wrote: > > Hi team, > > We currently have an issue with Ginger/Gingerbase navigation > bar in small screen resolutions and we also have huge tables > in System Services page. Since working on the navigation bar > involves editing Wok styles, I’m sending this e-mail to Wok > mailing list instead of Ginger group. > > I looked for successful combinations of sidebar + horizontal > navigation bars and so far I couldn’t find any example that > would exactly fit with Wok and its plugins. The majority of > examples I’m listing below are very good with traditional > pages with deep subcategories and the navigation bars can > work as sitemaps and replace breadcrumbs: > > ·http://www.worldwildlife.org/ - https://vimeo.com/166812605 > > ·https://www.theguardian.com/us - https://vimeo.com/166812599 > > ·https://next.ft.com/fastft - https://vimeo.com/166812597 > > Wok currently has two navigation levels. Kimchi doesn’t have > multiple sections but Ginger and Gingerbase uses collapsible > panel groups to separate sections that could be third level > elements on a sidebar. This was already discussed when we > moved some features from Ginger to Gingerbase but I think we > could achieve a functional sidebar with up to three levels > without using a “landing page” for second-level elements. > > In the attached screenshots ginger_sidebar1 and > ginger_sidebar2 are mockups for an off-canvas menu that would > slide the main content and hide itself once an option is > clicked. It would also hide the other panel accordions. Here > are two off-canvas menu in action: > > ·http://codepen.io/SitePoint/full/uIemr/ > > ·https://codepen.io/benske/full/cxrta/ > > Since this would require a change in Wok tabs and > ginger/gingerbase tab-ext.xml, I think we could implement > something entirely different that would with Wok and all > plugins. This site menu only have first-level options on the > sidebar but I think we could add collapsible links like a > tree-table menu: https://www.sitepoint.com/ > > In addition to the sidebar, we could put a search/filter > input on the top that would allow the user to type the > desired option and show its position on the menu. Please take > a look at the remaining attached screenshots. I did one > variation with the content aligned to the center and another > one aligned to the left. > > Regards, > > Samuel > > > > > > _______________________________________________ > > Kimchi-devel mailing list > > Kimchi-devel(a)ovirt.org <mailto:Kimchi-devel@ovirt.org> > > http://lists.ovirt.org/mailman/listinfo/kimchi-devel > > > > > _______________________________________________ > > Kimchi-devel mailing list > > Kimchi-devel(a)ovirt.org <mailto:Kimchi-devel@ovirt.org> > > http://lists.ovirt.org/mailman/listinfo/kimchi-devel > > > > _______________________________________________ > Kimchi-devel mailing list > Kimchi-devel(a)ovirt.org > http://lists.ovirt.org/mailman/listinfo/kimchi-devel _______________________________________________ Kimchi-devel mailing list Kimchi-devel(a)ovirt.org http://lists.ovirt.org/mailman/listinfo/kimchi-devel