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 <[email protected]> Authored: Wed Nov 30 12:28:07 2016 +0100 Committer: Carlos Rovira <[email protected]> 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
