You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@myfaces.apache.org by lo...@apache.org on 2017/03/17 16:32:25 UTC

svn commit: r1787443 - /myfaces/tobago/trunk/tobago-example/tobago-example-demo/src/main/webapp/main.xhtml

Author: lofwyr
Date: Fri Mar 17 16:32:25 2017
New Revision: 1787443

URL: http://svn.apache.org/viewvc?rev=1787443&view=rev
Log:
nicer look of the demo menu on small devices

Modified:
    myfaces/tobago/trunk/tobago-example/tobago-example-demo/src/main/webapp/main.xhtml

Modified: myfaces/tobago/trunk/tobago-example/tobago-example-demo/src/main/webapp/main.xhtml
URL: http://svn.apache.org/viewvc/myfaces/tobago/trunk/tobago-example/tobago-example-demo/src/main/webapp/main.xhtml?rev=1787443&r1=1787442&r2=1787443&view=diff
==============================================================================
--- myfaces/tobago/trunk/tobago-example/tobago-example-demo/src/main/webapp/main.xhtml (original)
+++ myfaces/tobago/trunk/tobago-example/tobago-example-demo/src/main/webapp/main.xhtml Fri Mar 17 16:32:25 2017
@@ -39,27 +39,29 @@
 
       <tc:segmentLayout large="#{tc:columnPartition(navigationState.viewSource ? '8;4' : '12')}">
 
-        <tc:flexLayout columns="auto;30px;*">
+        <tc:panel><!-- xxx this panel is needed currently because of a bug -->
 
-          <tc:panel>
-            <ui:include src="/navigation.xhtml"/>
-          </tc:panel>
-          <tc:panel/>
+          <tc:segmentLayout large="2;10" medium="3;9" small="4;8" extraSmall="12">
 
-          <tc:flexLayout rows="auto;*">
+            <tc:panel>
+              <ui:include src="/navigation.xhtml"/>
+            </tc:panel>
 
-            <tc:messages id="messages" orderBy="severity"
-                         rendered="#{!navigationTree.outputPage and !navigationTree.messagesPage}"/>
+            <tc:flexLayout rows="auto;*">
 
-            <tc:section label="#{title}" id="content">
-              <tc:form id="mainForm">
-                <ui:insert/>
-              </tc:form>
-            </tc:section>
+              <tc:messages id="messages" orderBy="severity"
+                           rendered="#{!navigationTree.outputPage and !navigationTree.messagesPage}"/>
 
-          </tc:flexLayout>
+              <tc:section label="#{title}" id="content">
+                <tc:form id="mainForm">
+                  <ui:insert/>
+                </tc:form>
+              </tc:section>
 
-        </tc:flexLayout>
+            </tc:flexLayout>
+
+          </tc:segmentLayout>
+        </tc:panel>
 
         <tc:panel rendered="#{navigationState.viewSource}">
           <pre><code class="language-markup" id="demo-view-source">