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

Aline Manera alinefm at linux.vnet.ibm.com
Wed Jul 13 13:13:52 UTC 2016


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 at linux.vnet.ibm.com]
> *Sent:* terça-feira, 12 de julho de 2016 09:53
> *To:* Samuel Henrique De Oliveira Guimaraes 
> <samuel.guimaraes at eldorado.org.br>; kimchi-devel at 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 at ovirt.org
>     <mailto: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 <mailto: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 <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/20160713/28308b94/attachment.html>


More information about the Kimchi-devel mailing list