<html>
  <head>
    <meta content="text/html; charset=windows-1252"
      http-equiv="Content-Type">
  </head>
  <body bgcolor="#FFFFFF" text="#000000">
    <br>
    <br>
    <div class="moz-cite-prefix">On 07/21/2016 01:15 PM, Samuel Henrique
      De Oliveira Guimaraes wrote:<br>
    </div>
    <blockquote
      cite="mid:7850c38a7d6b479bbfb67c1e2359d6d1@serv031.corp.eldorado.org.br"
      type="cite">
      <meta http-equiv="Content-Type" content="text/html;
        charset=windows-1252">
      <meta name="Generator" content="Microsoft Word 15 (filtered
        medium)">
      <style><!--
/* Font Definitions */
@font-face
        {font-family:Wingdings;
        panose-1:5 0 0 0 0 0 0 0 0 0;}
@font-face
        {font-family:"Cambria Math";
        panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
        {font-family:Calibri;
        panose-1:2 15 5 2 2 2 4 3 2 4;}
@font-face
        {font-family:Consolas;
        panose-1:2 11 6 9 2 2 4 3 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
        {margin:0cm;
        margin-bottom:.0001pt;
        font-size:11.0pt;
        font-family:"Calibri",sans-serif;
        color:black;
        mso-fareast-language:EN-US;}
a:link, span.MsoHyperlink
        {mso-style-priority:99;
        color:#0563C1;
        text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
        {mso-style-priority:99;
        color:#954F72;
        text-decoration:underline;}
p
        {mso-style-priority:99;
        mso-margin-top-alt:auto;
        margin-right:0cm;
        mso-margin-bottom-alt:auto;
        margin-left:0cm;
        font-size:11.0pt;
        font-family:"Calibri",sans-serif;
        color:black;
        mso-fareast-language:EN-US;}
pre
        {mso-style-priority:99;
        mso-style-link:"HTML Preformatted Char";
        margin:0cm;
        margin-bottom:.0001pt;
        font-size:10.0pt;
        font-family:"Courier New";
        color:black;
        mso-fareast-language:PT-BR;}
p.MsoListParagraph, li.MsoListParagraph, div.MsoListParagraph
        {mso-style-priority:34;
        margin-top:0cm;
        margin-right:0cm;
        margin-bottom:0cm;
        margin-left:36.0pt;
        margin-bottom:.0001pt;
        font-size:11.0pt;
        font-family:"Calibri",sans-serif;
        color:black;
        mso-fareast-language:EN-US;}
span.HTMLPreformattedChar
        {mso-style-name:"HTML Preformatted Char";
        mso-style-priority:99;
        mso-style-link:"HTML Preformatted";
        font-family:Consolas;
        color:black;
        mso-fareast-language:EN-US;}
span.EmailStyle21
        {mso-style-type:personal;
        font-family:"Calibri",sans-serif;
        color:windowtext;}
span.EmailStyle22
        {mso-style-type:personal;
        font-family:"Calibri",sans-serif;
        color:#1F497D;}
span.EmailStyle23
        {mso-style-type:personal;
        font-family:"Calibri",sans-serif;
        color:#1F497D;}
span.EmailStyle24
        {mso-style-type:personal;
        font-family:"Calibri",sans-serif;
        color:#1F497D;}
span.EmailStyle25
        {mso-style-type:personal-reply;
        font-family:"Calibri",sans-serif;
        color:#1F497D;}
.MsoChpDefault
        {mso-style-type:export-only;
        font-size:10.0pt;}
@page WordSection1
        {size:612.0pt 792.0pt;
        margin:70.85pt 3.0cm 70.85pt 3.0cm;}
div.WordSection1
        {page:WordSection1;}
/* List Definitions */
@list l0
        {mso-list-id:262812166;
        mso-list-type:hybrid;
        mso-list-template-ids:-2083256826 68550657 68550659 68550661 68550657 68550659 68550661 68550657 68550659 68550661;}
@list l0:level1
        {mso-level-number-format:bullet;
        mso-level-text:\F0B7;
        mso-level-tab-stop:none;
        mso-level-number-position:left;
        text-indent:-18.0pt;
        font-family:Symbol;}
@list l0:level2
        {mso-level-number-format:bullet;
        mso-level-text:o;
        mso-level-tab-stop:none;
        mso-level-number-position:left;
        text-indent:-18.0pt;
        font-family:"Courier New";}
@list l0:level3
        {mso-level-number-format:bullet;
        mso-level-text:\F0A7;
        mso-level-tab-stop:none;
        mso-level-number-position:left;
        text-indent:-18.0pt;
        font-family:Wingdings;}
@list l0:level4
        {mso-level-number-format:bullet;
        mso-level-text:\F0B7;
        mso-level-tab-stop:none;
        mso-level-number-position:left;
        text-indent:-18.0pt;
        font-family:Symbol;}
@list l0:level5
        {mso-level-number-format:bullet;
        mso-level-text:o;
        mso-level-tab-stop:none;
        mso-level-number-position:left;
        text-indent:-18.0pt;
        font-family:"Courier New";}
@list l0:level6
        {mso-level-number-format:bullet;
        mso-level-text:\F0A7;
        mso-level-tab-stop:none;
        mso-level-number-position:left;
        text-indent:-18.0pt;
        font-family:Wingdings;}
@list l0:level7
        {mso-level-number-format:bullet;
        mso-level-text:\F0B7;
        mso-level-tab-stop:none;
        mso-level-number-position:left;
        text-indent:-18.0pt;
        font-family:Symbol;}
@list l0:level8
        {mso-level-number-format:bullet;
        mso-level-text:o;
        mso-level-tab-stop:none;
        mso-level-number-position:left;
        text-indent:-18.0pt;
        font-family:"Courier New";}
@list l0:level9
        {mso-level-number-format:bullet;
        mso-level-text:\F0A7;
        mso-level-tab-stop:none;
        mso-level-number-position:left;
        text-indent:-18.0pt;
        font-family:Wingdings;}
@list l1
        {mso-list-id:1469858233;
        mso-list-type:hybrid;
        mso-list-template-ids:482217636 68550657 68550659 68550661 68550657 68550659 68550661 68550657 68550659 68550661;}
@list l1:level1
        {mso-level-number-format:bullet;
        mso-level-text:\F0B7;
        mso-level-tab-stop:none;
        mso-level-number-position:left;
        text-indent:-18.0pt;
        font-family:Symbol;}
@list l1:level2
        {mso-level-number-format:bullet;
        mso-level-text:o;
        mso-level-tab-stop:none;
        mso-level-number-position:left;
        text-indent:-18.0pt;
        font-family:"Courier New";}
@list l1:level3
        {mso-level-number-format:bullet;
        mso-level-text:\F0A7;
        mso-level-tab-stop:none;
        mso-level-number-position:left;
        text-indent:-18.0pt;
        font-family:Wingdings;}
@list l1:level4
        {mso-level-number-format:bullet;
        mso-level-text:\F0B7;
        mso-level-tab-stop:none;
        mso-level-number-position:left;
        text-indent:-18.0pt;
        font-family:Symbol;}
@list l1:level5
        {mso-level-number-format:bullet;
        mso-level-text:o;
        mso-level-tab-stop:none;
        mso-level-number-position:left;
        text-indent:-18.0pt;
        font-family:"Courier New";}
@list l1:level6
        {mso-level-number-format:bullet;
        mso-level-text:\F0A7;
        mso-level-tab-stop:none;
        mso-level-number-position:left;
        text-indent:-18.0pt;
        font-family:Wingdings;}
@list l1:level7
        {mso-level-number-format:bullet;
        mso-level-text:\F0B7;
        mso-level-tab-stop:none;
        mso-level-number-position:left;
        text-indent:-18.0pt;
        font-family:Symbol;}
@list l1:level8
        {mso-level-number-format:bullet;
        mso-level-text:o;
        mso-level-tab-stop:none;
        mso-level-number-position:left;
        text-indent:-18.0pt;
        font-family:"Courier New";}
@list l1:level9
        {mso-level-number-format:bullet;
        mso-level-text:\F0A7;
        mso-level-tab-stop:none;
        mso-level-number-position:left;
        text-indent:-18.0pt;
        font-family:Wingdings;}
@list l2
        {mso-list-id:1615399859;
        mso-list-type:hybrid;
        mso-list-template-ids:-1370210128 1902407050 68550681 68550683 68550671 68550681 68550683 68550671 68550681 68550683;}
@list l2:level1
        {mso-level-text:%1-;
        mso-level-tab-stop:none;
        mso-level-number-position:left;
        text-indent:-18.0pt;}
@list l2:level2
        {mso-level-number-format:alpha-lower;
        mso-level-tab-stop:none;
        mso-level-number-position:left;
        text-indent:-18.0pt;}
@list l2:level3
        {mso-level-number-format:roman-lower;
        mso-level-tab-stop:none;
        mso-level-number-position:right;
        text-indent:-9.0pt;}
@list l2:level4
        {mso-level-tab-stop:none;
        mso-level-number-position:left;
        text-indent:-18.0pt;}
@list l2:level5
        {mso-level-number-format:alpha-lower;
        mso-level-tab-stop:none;
        mso-level-number-position:left;
        text-indent:-18.0pt;}
@list l2:level6
        {mso-level-number-format:roman-lower;
        mso-level-tab-stop:none;
        mso-level-number-position:right;
        text-indent:-9.0pt;}
@list l2:level7
        {mso-level-tab-stop:none;
        mso-level-number-position:left;
        text-indent:-18.0pt;}
@list l2:level8
        {mso-level-number-format:alpha-lower;
        mso-level-tab-stop:none;
        mso-level-number-position:left;
        text-indent:-18.0pt;}
@list l2:level9
        {mso-level-number-format:roman-lower;
        mso-level-tab-stop:none;
        mso-level-number-position:right;
        text-indent:-9.0pt;}
ol
        {margin-bottom:0cm;}
ul
        {margin-bottom:0cm;}
--></style><!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1" />
</o:shapelayout></xml><![endif]-->
      <div class="WordSection1">
        <p class="MsoNormal"><span style="color:#1F497D" lang="EN-US">I’m
            not saying we will remove the tab-ext.xml, what I meant is
            that:<o:p></o:p></span></p>
        <p class="MsoNormal"><span style="color:#1F497D" lang="EN-US"><o:p> </o:p></span></p>
        <p class="MsoListParagraph"
          style="text-indent:-18.0pt;mso-list:l2 level1 lfo5"><!--[if !supportLists]--><span
            style="color:#1F497D" lang="EN-US"><span
              style="mso-list:Ignore">1-<span style="font:7.0pt
                &quot;Times New Roman&quot;">     
              </span></span></span><!--[endif]--><span
            style="color:#1F497D" lang="EN-US">Move the tabs for
            network, storage and system services (and firmware and other
            panels as well) as nested tags inside the administration tab
            in the tab-ext.xml and use ginger.capabilities object to
            hide them once the user lands on the administration tab.<o:p></o:p></span></p>
        <p class="MsoListParagraph"><span style="color:#1F497D"
            lang="EN-US"><br>
            OR<br>
            <br>
            <o:p></o:p></span></p>
        <p class="MsoListParagraph"
          style="text-indent:-18.0pt;mso-list:l2 level1 lfo5"><!--[if !supportLists]--><span
            style="color:#1F497D" lang="EN-US"><span
              style="mso-list:Ignore">2-<span style="font:7.0pt
                &quot;Times New Roman&quot;">     
              </span></span></span><!--[endif]--><span
            style="color:#1F497D" lang="EN-US">Keep only administration
            tab in tab-ext.xml and insert all available sidebar options
            as static HTML elements but still use ginger.capabilities to
            hide unavailable options.<o:p></o:p></span></p>
        <p class="MsoNormal"><span style="color:#1F497D" lang="EN-US"><o:p> </o:p></span></p>
        <p class="MsoNormal"><span style="color:#1F497D" lang="EN-US">Options
            1 requires minor changes in wok.main.js inside the navbar
            functions. Option 2 would require same amount of work on Wok
            but would keep functions exclusive to Ginger.<o:p></o:p></span></p>
        <p class="MsoNormal"><span style="color:#1F497D" lang="EN-US"><o:p> </o:p></span></p>
      </div>
    </blockquote>
    <br>
    I see Option 1 requiring changes on Wok. Option 2 seems simpler to
    be implemented as it only involves changes on Ginger.<br>
    <br>
    <blockquote
      cite="mid:7850c38a7d6b479bbfb67c1e2359d6d1@serv031.corp.eldorado.org.br"
      type="cite">
      <div class="WordSection1">
        <p class="MsoNormal"><span style="color:#1F497D" lang="EN-US">Samuel<o:p></o:p></span></p>
        <p class="MsoNormal"><span style="color:#1F497D" lang="EN-US"><o:p> </o:p></span></p>
        <div>
          <div style="border:none;border-top:solid #E1E1E1
            1.0pt;padding:3.0pt 0cm 0cm 0cm">
            <p class="MsoNormal"><b><span
                  style="color:windowtext;mso-fareast-language:PT-BR"
                  lang="EN-US">From:</span></b><span
                style="color:windowtext;mso-fareast-language:PT-BR"
                lang="EN-US"> Aline Manera
                [<a class="moz-txt-link-freetext" href="mailto:alinefm@linux.vnet.ibm.com">mailto:alinefm@linux.vnet.ibm.com</a>]
                <br>
                <b>Sent:</b> quarta-feira, 20 de julho de 2016 11:34<br>
                <b>To:</b> Samuel Henrique De Oliveira Guimaraes
                <a class="moz-txt-link-rfc2396E" href="mailto:samuel.guimaraes@eldorado.org.br">&lt;samuel.guimaraes@eldorado.org.br&gt;</a>; Daniel
                Henrique Barboza <a class="moz-txt-link-rfc2396E" href="mailto:dhbarboza82@gmail.com">&lt;dhbarboza82@gmail.com&gt;</a>;
                <a class="moz-txt-link-abbreviated" href="mailto:kimchi-devel@ovirt.org">kimchi-devel@ovirt.org</a><br>
                <b>Subject:</b> Re: [Kimchi-devel] [RFC] Wok / Ginger
                sidebar<o:p></o:p></span></p>
          </div>
        </div>
        <p class="MsoNormal"><o:p> </o:p></p>
        <p class="MsoNormal" style="margin-bottom:12.0pt"><br>
          Hi Samuel,<br>
          <br>
          There is no way to remove the tab-ext.xml file.<br>
          It is used by wok to load the plugins and changing/removing
          them will affect all plugins and we do not want that.<br>
          <br>
          The tab-ext.xml file needs to be update to only contain one
          tab "Administration".<br>
          That tab will be related to one HTML file which will create
          the sidebar menu created according to Ginger needs.<span
            style="font-size:12.0pt;mso-fareast-language:PT-BR"><o:p></o:p></span></p>
        <div>
          <p class="MsoNormal">On 07/13/2016 12:18 PM, Samuel Henrique
            De Oliveira Guimaraes wrote:<o:p></o:p></p>
        </div>
        <blockquote style="margin-top:5.0pt;margin-bottom:5.0pt">
          <p class="MsoNormal"><span style="color:#1F497D" lang="EN-US">Sure.
              I’m considering that this will be a huge amount of work
              because we’ll have to look up for the capabilities before
              rendering the main Ginger landing page OR we put the
              Ginger panels as static elements instead of using
              tab-ext.xml. Either way we would have to create a single
              .html.tmpl file for each panel and remove the accordions
              and maybe move or create new JS functions to initialize
              them.</span><o:p></o:p></p>
          <p class="MsoNormal"><span style="color:#1F497D" lang="EN-US"> </span><o:p></o:p></p>
          <p class="MsoNormal"><span style="color:#1F497D" lang="EN-US">Samuel</span><o:p></o:p></p>
          <p class="MsoNormal"><span style="color:#1F497D" lang="EN-US"> </span><o:p></o:p></p>
          <div>
            <div style="border:none;border-top:solid #E1E1E1
              1.0pt;padding:3.0pt 0cm 0cm 0cm">
              <p class="MsoNormal"><b><span
                    style="color:windowtext;mso-fareast-language:PT-BR"
                    lang="EN-US">From:</span></b><span
                  style="color:windowtext;mso-fareast-language:PT-BR"
                  lang="EN-US">
                  <a moz-do-not-send="true"
                    href="mailto:kimchi-devel-bounces@ovirt.org">kimchi-devel-bounces@ovirt.org</a>
                  [<a moz-do-not-send="true"
                    href="mailto:kimchi-devel-bounces@ovirt.org">mailto:kimchi-devel-bounces@ovirt.org</a>]
                  <b>On Behalf Of </b>Daniel Henrique Barboza<br>
                  <b>Sent:</b> quarta-feira, 13 de julho de 2016 10:29<br>
                  <b>To:</b> <a moz-do-not-send="true"
                    href="mailto:kimchi-devel@ovirt.org">kimchi-devel@ovirt.org</a><br>
                  <b>Subject:</b> Re: [Kimchi-devel] [RFC] Wok / Ginger
                  sidebar</span><o:p></o:p></p>
            </div>
          </div>
          <p class="MsoNormal"> <o:p></o:p></p>
          <p class="MsoNormal" style="margin-bottom:12.0pt">Looks good
            Samuel<br>
            <br>
            Just a reminder: make sure to also consider that there are
            some features<br>
            that will not be available at a given time in the host but
            should be considered<br>
            in this design too. In your screenshot we're missing the
            Power<br>
            Management and the Firmware Update features, for example,
            probably<br>
            because you do not have tuned-adm and WoK isn't running in a
            Power<br>
            system.<br>
            <br>
            <br>
            Daniel <br>
            <br>
            <br>
            <o:p></o:p></p>
          <div>
            <p class="MsoNormal">On 07/13/2016 10:13 AM, Aline Manera
              wrote:<o:p></o:p></p>
          </div>
          <blockquote style="margin-top:5.0pt;margin-bottom:5.0pt">
            <p class="MsoNormal" style="margin-bottom:12.0pt">Looks
              really good for me! <br>
              <br>
              +1<o:p></o:p></p>
            <div>
              <p class="MsoNormal">On 07/12/2016 05:54 PM, Samuel
                Henrique De Oliveira Guimaraes wrote:<o:p></o:p></p>
            </div>
            <blockquote style="margin-top:5.0pt;margin-bottom:5.0pt">
              <p class="MsoNormal"><span style="color:#1F497D"
                  lang="EN-US">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.</span><o:p></o:p></p>
              <p class="MsoNormal"><span style="color:#1F497D"
                  lang="EN-US"> </span><o:p></o:p></p>
              <p class="MsoNormal"><span style="color:#1F497D">Samuel</span><o:p></o:p></p>
              <p class="MsoNormal"><span style="color:#1F497D"> </span><o:p></o:p></p>
              <div>
                <div style="border:none;border-top:solid #E1E1E1
                  1.0pt;padding:3.0pt 0cm 0cm 0cm">
                  <p class="MsoNormal"><b><span
                        style="color:windowtext;mso-fareast-language:PT-BR"
                        lang="EN-US">From:</span></b><span
                      style="color:windowtext;mso-fareast-language:PT-BR"
                      lang="EN-US"> Aline Manera [<a
                        moz-do-not-send="true"
                        href="mailto:alinefm@linux.vnet.ibm.com"><a class="moz-txt-link-freetext" href="mailto:alinefm@linux.vnet.ibm.com">mailto:alinefm@linux.vnet.ibm.com</a></a>]
                      <br>
                      <b>Sent:</b> terça-feira, 12 de julho de 2016
                      09:53<br>
                      <b>To:</b> Samuel Henrique De Oliveira Guimaraes <a
                        moz-do-not-send="true"
                        href="mailto:samuel.guimaraes@eldorado.org.br">
                        <a class="moz-txt-link-rfc2396E" href="mailto:samuel.guimaraes@eldorado.org.br">&lt;samuel.guimaraes@eldorado.org.br&gt;</a></a>; <a
                        moz-do-not-send="true"
                        href="mailto:kimchi-devel@ovirt.org"><a class="moz-txt-link-abbreviated" href="mailto:kimchi-devel@ovirt.org">kimchi-devel@ovirt.org</a></a><br>
                      <b>Subject:</b> Re: [Kimchi-devel] [RFC] Wok /
                      Ginger sidebar</span><o:p></o:p></p>
                </div>
              </div>
              <p class="MsoNormal"> <o:p></o:p></p>
              <p class="MsoNormal" style="margin-bottom:12.0pt">Hi
                Samuel,<br>
                <br>
                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.<br>
                <br>
                Regards,<br>
                Aline Manera<o:p></o:p></p>
              <div>
                <p class="MsoNormal">On 07/11/2016 06:12 PM, Samuel
                  Henrique De Oliveira Guimaraes wrote:<o:p></o:p></p>
              </div>
              <blockquote style="margin-top:5.0pt;margin-bottom:5.0pt">
                <p class="MsoNormal"><span style="color:#1F497D">Hi
                    team,</span><o:p></o:p></p>
                <p class="MsoNormal"><span style="color:#1F497D"> </span><o:p></o:p></p>
                <p class="MsoNormal"><span style="color:#1F497D"
                    lang="EN-US">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).</span><o:p></o:p></p>
                <p class="MsoNormal"><span style="color:#1F497D"
                    lang="EN-US"> </span><o:p></o:p></p>
                <p class="MsoNormal"><span style="color:#1F497D"
                    lang="EN-US">Samuel</span><o:p></o:p></p>
                <p class="MsoNormal"><span style="color:#1F497D"
                    lang="EN-US"> </span><o:p></o:p></p>
                <div>
                  <div style="border:none;border-top:solid #E1E1E1
                    1.0pt;padding:3.0pt 0cm 0cm 0cm">
                    <p class="MsoNormal"><b><span
                          style="color:windowtext;mso-fareast-language:PT-BR"
                          lang="EN-US">From:</span></b><span
                        style="color:windowtext;mso-fareast-language:PT-BR"
                        lang="EN-US">
                        <a moz-do-not-send="true"
                          href="mailto:kimchi-devel-bounces@ovirt.org">kimchi-devel-bounces@ovirt.org</a>
                        [<a moz-do-not-send="true"
                          href="mailto:kimchi-devel-bounces@ovirt.org">mailto:kimchi-devel-bounces@ovirt.org</a>]
                        <b>On Behalf Of </b>Chandra Shekhar Reddy
                        Potula<br>
                        <b>Sent:</b> quinta-feira, 7 de julho de 2016
                        09:50<br>
                        <b>To:</b> <a moz-do-not-send="true"
                          href="mailto:kimchi-devel@ovirt.org">kimchi-devel@ovirt.org</a><br>
                        <b>Subject:</b> Re: [Kimchi-devel] [RFC] Wok /
                        Ginger sidebar</span><o:p></o:p></p>
                  </div>
                </div>
                <p class="MsoNormal"> <o:p></o:p></p>
                <p>Hi Samuel,<o:p></o:p></p>
                <p>First of all thanks for your extensive investigation
                  on various possibilities in front of us !!!<o:p></o:p></p>
                <p>I personally liked the option <span lang="EN-US"><a
                      moz-do-not-send="true"
                      href="https://www.sitepoint.com/"><a class="moz-txt-link-freetext" href="https://www.sitepoint.com/">https://www.sitepoint.com/</a></a>
                    which would be ideal to have with possibly 3 level
                    navigation.</span><o:p></o:p></p>
                <p><span lang="EN-US">Nevertheless, let us start with
                    having side pane to provide immediate relief with
                    the way proposed in the figures
                  </span>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.<o:p></o:p></p>
                <p>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
                  <span lang="EN-US"><a moz-do-not-send="true"
                      href="https://www.sitepoint.com/">https://www.sitepoint.com/</a></span><o:p></o:p></p>
                <div>
                  <p class="MsoNormal">Thanks and Regards<br>
                    Chandra<br>
                    <br>
                    On 7/5/16 12:32 AM, Samuel Henrique De Oliveira
                    Guimaraes wrote:<o:p></o:p></p>
                </div>
                <blockquote style="margin-top:5.0pt;margin-bottom:5.0pt">
                  <p class="MsoNormal">Hi team,<o:p></o:p></p>
                  <p class="MsoNormal"> <o:p></o:p></p>
                  <p class="MsoNormal"><span lang="EN-US">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.</span><o:p></o:p></p>
                  <p class="MsoNormal"><span lang="EN-US">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:</span><o:p></o:p></p>
                  <p class="MsoNormal"><span lang="EN-US"> </span><o:p></o:p></p>
                  <p class="MsoListParagraph"
                    style="text-indent:-18.0pt;mso-list:l0 level1 lfo2"><!--[if !supportLists]--><span
                      style="font-family:Symbol"><span
                        style="mso-list:Ignore">·<span style="font:7.0pt
                          &quot;Times New Roman&quot;">        
                        </span></span></span><!--[endif]--><span
                      lang="EN-US"><a moz-do-not-send="true"
                        href="http://www.worldwildlife.org/">http://www.worldwildlife.org/</a>
                      -
                      <a moz-do-not-send="true"
                        href="https://vimeo.com/166812605">https://vimeo.com/166812605</a></span><o:p></o:p></p>
                  <p class="MsoNormal"><span lang="EN-US"> </span><o:p></o:p></p>
                  <p class="MsoListParagraph"
                    style="text-indent:-18.0pt;mso-list:l0 level1 lfo2"><!--[if !supportLists]--><span
                      style="font-family:Symbol"><span
                        style="mso-list:Ignore">·<span style="font:7.0pt
                          &quot;Times New Roman&quot;">        
                        </span></span></span><!--[endif]--><span
                      lang="EN-US"><a moz-do-not-send="true"
                        href="https://www.theguardian.com/us">https://www.theguardian.com/us</a>
                      -
                      <a moz-do-not-send="true"
                        href="https://vimeo.com/166812599">https://vimeo.com/166812599</a></span><o:p></o:p></p>
                  <p class="MsoNormal"><span lang="EN-US"> </span><o:p></o:p></p>
                  <p class="MsoListParagraph"
                    style="text-indent:-18.0pt;mso-list:l0 level1 lfo2"><!--[if !supportLists]--><span
                      style="font-family:Symbol"><span
                        style="mso-list:Ignore">·<span style="font:7.0pt
                          &quot;Times New Roman&quot;">        
                        </span></span></span><!--[endif]--><span
                      lang="EN-US"><a moz-do-not-send="true"
                        href="https://next.ft.com/fastft">https://next.ft.com/fastft</a>
                      -
                      <a moz-do-not-send="true"
                        href="https://vimeo.com/166812597">https://vimeo.com/166812597</a></span><o:p></o:p></p>
                  <p class="MsoNormal"><span lang="EN-US"> </span><o:p></o:p></p>
                  <p class="MsoNormal"><span lang="EN-US">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.</span><o:p></o:p></p>
                  <p class="MsoNormal"><span lang="EN-US"> </span><o:p></o:p></p>
                  <p class="MsoNormal"><span lang="EN-US">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:</span><o:p></o:p></p>
                  <p class="MsoListParagraph"
                    style="text-indent:-18.0pt;mso-list:l1 level1 lfo4"><!--[if !supportLists]--><span
                      style="font-family:Symbol"><span
                        style="mso-list:Ignore">·<span style="font:7.0pt
                          &quot;Times New Roman&quot;">        
                        </span></span></span><!--[endif]--><span
                      lang="EN-US"><a moz-do-not-send="true"
                        href="http://codepen.io/SitePoint/full/uIemr/">http://codepen.io/SitePoint/full/uIemr/</a></span><o:p></o:p></p>
                  <p class="MsoListParagraph"><span lang="EN-US"> </span><o:p></o:p></p>
                  <p class="MsoListParagraph"
                    style="text-indent:-18.0pt;mso-list:l1 level1 lfo4"><!--[if !supportLists]--><span
                      style="font-family:Symbol"><span
                        style="mso-list:Ignore">·<span style="font:7.0pt
                          &quot;Times New Roman&quot;">        
                        </span></span></span><!--[endif]--><span
                      lang="EN-US"><a moz-do-not-send="true"
                        href="https://codepen.io/benske/full/cxrta/">https://codepen.io/benske/full/cxrta/</a></span><o:p></o:p></p>
                  <p class="MsoListParagraph"><span lang="EN-US"> </span><o:p></o:p></p>
                  <p class="MsoNormal"><span lang="EN-US">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:
                      <a moz-do-not-send="true"
                        href="https://www.sitepoint.com/">https://www.sitepoint.com/</a></span><o:p></o:p></p>
                  <p class="MsoNormal"><span lang="EN-US">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.
                    </span><o:p></o:p></p>
                  <p class="MsoNormal"><span lang="EN-US"> </span><o:p></o:p></p>
                  <p class="MsoNormal"><span lang="EN-US">Regards,</span><o:p></o:p></p>
                  <p class="MsoNormal"><span lang="EN-US">Samuel</span><o:p></o:p></p>
                  <p class="MsoNormal"><span style="font-size:12.0pt"><br>
                      <br>
                      <br>
                      <br>
                      <br>
                      <br>
                    </span><o:p></o:p></p>
                  <pre>_______________________________________________<o:p></o:p></pre>
                  <pre>Kimchi-devel mailing list<o:p></o:p></pre>
                  <pre><a moz-do-not-send="true" href="mailto:Kimchi-devel@ovirt.org">Kimchi-devel@ovirt.org</a><o:p></o:p></pre>
                  <pre><a moz-do-not-send="true" href="http://lists.ovirt.org/mailman/listinfo/kimchi-devel">http://lists.ovirt.org/mailman/listinfo/kimchi-devel</a><o:p></o:p></pre>
                </blockquote>
                <p class="MsoNormal"><span style="font-size:12.0pt"> </span><o:p></o:p></p>
                <p class="MsoNormal"><span style="font-size:12.0pt"><br>
                    <br>
                    <br>
                    <br>
                    <br>
                  </span><o:p></o:p></p>
                <pre>_______________________________________________<o:p></o:p></pre>
                <pre>Kimchi-devel mailing list<o:p></o:p></pre>
                <pre><a moz-do-not-send="true" href="mailto:Kimchi-devel@ovirt.org">Kimchi-devel@ovirt.org</a><o:p></o:p></pre>
                <pre><a moz-do-not-send="true" href="http://lists.ovirt.org/mailman/listinfo/kimchi-devel">http://lists.ovirt.org/mailman/listinfo/kimchi-devel</a><o:p></o:p></pre>
              </blockquote>
              <p class="MsoNormal"><span style="font-size:12.0pt"> </span><o:p></o:p></p>
              <p class="MsoNormal"><span style="font-size:12.0pt"><br>
                  <br>
                  <br>
                  <br>
                </span><o:p></o:p></p>
              <pre>_______________________________________________<o:p></o:p></pre>
              <pre>Kimchi-devel mailing list<o:p></o:p></pre>
              <pre><a moz-do-not-send="true" href="mailto:Kimchi-devel@ovirt.org">Kimchi-devel@ovirt.org</a><o:p></o:p></pre>
              <pre><a moz-do-not-send="true" href="http://lists.ovirt.org/mailman/listinfo/kimchi-devel">http://lists.ovirt.org/mailman/listinfo/kimchi-devel</a><o:p></o:p></pre>
            </blockquote>
            <p class="MsoNormal"><span style="font-size:12.0pt"><br>
                <br>
                <br>
                <br>
                <br>
              </span><o:p></o:p></p>
            <pre>_______________________________________________<o:p></o:p></pre>
            <pre>Kimchi-devel mailing list<o:p></o:p></pre>
            <pre><a moz-do-not-send="true" href="mailto:Kimchi-devel@ovirt.org">Kimchi-devel@ovirt.org</a><o:p></o:p></pre>
            <pre><a moz-do-not-send="true" href="http://lists.ovirt.org/mailman/listinfo/kimchi-devel">http://lists.ovirt.org/mailman/listinfo/kimchi-devel</a><o:p></o:p></pre>
          </blockquote>
          <p class="MsoNormal"><span style="font-size:12.0pt"> </span><o:p></o:p></p>
          <p class="MsoNormal"><span
              style="font-size:12.0pt;font-family:&quot;Times New
              Roman&quot;,serif;mso-fareast-language:PT-BR"><br>
              <br>
              <br>
              <o:p></o:p></span></p>
          <pre>_______________________________________________<o:p></o:p></pre>
          <pre>Kimchi-devel mailing list<o:p></o:p></pre>
          <pre><a moz-do-not-send="true" href="mailto:Kimchi-devel@ovirt.org">Kimchi-devel@ovirt.org</a><o:p></o:p></pre>
          <pre><a moz-do-not-send="true" href="http://lists.ovirt.org/mailman/listinfo/kimchi-devel">http://lists.ovirt.org/mailman/listinfo/kimchi-devel</a><o:p></o:p></pre>
        </blockquote>
        <p class="MsoNormal"><span
            style="font-size:12.0pt;font-family:&quot;Times New
            Roman&quot;,serif;mso-fareast-language:PT-BR"><o:p> </o:p></span></p>
      </div>
    </blockquote>
    <br>
  </body>
</html>