flex-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From carlosrov...@apache.org
Subject git commit: [flex-asjs] [refs/heads/develop] - Other MDL Tabs Example
Date Wed, 30 Nov 2016 11:28:11 GMT
Repository: flex-asjs
Updated Branches:
  refs/heads/develop 9b492529a -> 8bf5dfd85


Other MDL Tabs Example


Project: http://git-wip-us.apache.org/repos/asf/flex-asjs/repo
Commit: http://git-wip-us.apache.org/repos/asf/flex-asjs/commit/8bf5dfd8
Tree: http://git-wip-us.apache.org/repos/asf/flex-asjs/tree/8bf5dfd8
Diff: http://git-wip-us.apache.org/repos/asf/flex-asjs/diff/8bf5dfd8

Branch: refs/heads/develop
Commit: 8bf5dfd85885c45147068739b2359c6aa157dc25
Parents: 9b49252
Author: Carlos Rovira <carlosrovira@apache.org>
Authored: Wed Nov 30 12:28:07 2016 +0100
Committer: Carlos Rovira <carlosrovira@apache.org>
Committed: Wed Nov 30 12:28:07 2016 +0100

----------------------------------------------------------------------
 .../flexjs/MDLExample/src/main/flex/Tabs.mxml   | 38 +++++++++++++++++++-
 1 file changed, 37 insertions(+), 1 deletion(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/8bf5dfd8/examples/flexjs/MDLExample/src/main/flex/Tabs.mxml
----------------------------------------------------------------------
diff --git a/examples/flexjs/MDLExample/src/main/flex/Tabs.mxml b/examples/flexjs/MDLExample/src/main/flex/Tabs.mxml
index 03d66b8..e6ccfe5 100644
--- a/examples/flexjs/MDLExample/src/main/flex/Tabs.mxml
+++ b/examples/flexjs/MDLExample/src/main/flex/Tabs.mxml
@@ -24,7 +24,7 @@ limitations under the License.
 
     <mdl:Grid className="demo-grid">
         
-        <mdl:Tabs width="400" ripple="true">
+        <mdl:Tabs width="400">
             <mdl:TabBar ripple="true">
                 <mdl:TabBarButton text="Tab One" href="#tab1" isActive="true"/>
                 <mdl:TabBarButton text="Tab Two" href="#tab2"/>
@@ -44,6 +44,42 @@ limitations under the License.
             </mdl:TabBarPanel>
         </mdl:Tabs>
 
+        <mdl:Tabs width="400" ripple="true">
+            <mdl:TabBar ripple="true">
+                <mdl:TabBarButton text="Starks" href="#starks_panel" isActive="true"/>
+                <mdl:TabBarButton text="Lannisters" href="#lannisters_panel"/>
+                <mdl:TabBarButton text="Targaryens" href="#targaryens_panel"/>
+            </mdl:TabBar>
+            
+            <mdl:TabBarPanel id="starks_panel" isActive="true">
+                <js:Ul>
+                    <js:Li><js:Label text="Eddard"/></js:Li>
+                    <js:Li><js:Label text="Catelyn"/></js:Li>
+                    <js:Li><js:Label text="Robb"/></js:Li>
+                    <js:Li><js:Label text="Sansa"/></js:Li>
+                    <js:Li><js:Label text="Brandon"/></js:Li>
+                    <js:Li><js:Label text="Arya"/></js:Li>
+                    <js:Li><js:Label text="Rickon"/></js:Li>
+                </js:Ul>
+            </mdl:TabBarPanel>
+
+            <mdl:TabBarPanel id="lannisters_panel">
+                <js:Ul>
+                    <js:Li><js:Label text="Tywin"/></js:Li>
+                    <js:Li><js:Label text="Cersei"/></js:Li>
+                    <js:Li><js:Label text="Jamie"/></js:Li>
+                    <js:Li><js:Label text="Tyrion"/></js:Li>
+                </js:Ul>
+            </mdl:TabBarPanel>
+            
+            <mdl:TabBarPanel id="targaryens_panel">
+                <js:Ul>
+                    <js:Li><js:Label text="Viserys"/></js:Li>
+                    <js:Li><js:Label text="Daenerys"/></js:Li>
+                </js:Ul>
+            </mdl:TabBarPanel>
+        </mdl:Tabs>
+
     </mdl:Grid> 
 
 </mdl:TabBarPanel>
\ No newline at end of file


Mime
View raw message