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

[Aline Manera]

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 at ovirt.org 
> [mailto:kimchi-devel-bounces at ovirt.org] *On Behalf Of *Chandra Shekhar 
> Reddy Potula
> *Sent:* quinta-feira, 7 de julho de 2016 09:50
> *To:* kimchi-devel at 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 at ovirt.org <mailto:Kimchi-devel at ovirt.org>
>
>     http://lists.ovirt.org/mailman/listinfo/kimchi-devel
>
>
>
> _______________________________________________
> 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/20160712/83d09198/attachment.html>