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
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@ovirt.org
http://lists.ovirt.org/mailman/listinfo/kimchi-devel
_______________________________________________
Kimchi-devel mailing list
Kimchi-devel@ovirt.org
http://lists.ovirt.org/mailman/listinfo/kimchi-devel