You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@flex.apache.org by ca...@apache.org on 2016/11/30 11:28:11 UTC
git commit: [flex-asjs] [refs/heads/develop] - Other MDL Tabs Example
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 <ca...@apache.org>
Authored: Wed Nov 30 12:28:07 2016 +0100
Committer: Carlos Rovira <ca...@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