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

[Chandra Shekhar Reddy Potula]

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 at ovirt.org
> http://lists.ovirt.org/mailman/listinfo/kimchi-devel

-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.ovirt.org/pipermail/kimchi-devel/attachments/20160707/ac2f3b72/attachment.html>