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

Wed Jul 13 13:28:52 UTC 2016

Looks good Samuel

Just a reminder: make sure to also consider that there are some features
that will not be available at a given time in the host but should be 
considered
in this design too. In your screenshot we're missing the Power
Management and the Firmware Update features, for example, probably
because you do not have tuned-adm and WoK isn't running in a Power
system.

Daniel

On 07/13/2016 10:13 AM, Aline Manera wrote:
> 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
>
>
>
> _______________________________________________
> 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/244512ac/attachment.html>