You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@royale.apache.org by ca...@apache.org on 2020/08/30 16:11:12 UTC
[royale-asjs] branch develop updated: tour-de-jewel: another v tab
example
This is an automated email from the ASF dual-hosted git repository.
carlosrovira pushed a commit to branch develop
in repository https://gitbox.apache.org/repos/asf/royale-asjs.git
The following commit(s) were added to refs/heads/develop by this push:
new 3e91f31 tour-de-jewel: another v tab example
3e91f31 is described below
commit 3e91f3193678e0583df739682a86d24e82105ed0
Author: Carlos Rovira <ca...@apache.org>
AuthorDate: Sun Aug 30 18:10:59 2020 +0200
tour-de-jewel: another v tab example
---
.../src/main/royale/TabBarPlayGround.mxml | 48 ++++++++++++++++++++++
1 file changed, 48 insertions(+)
diff --git a/examples/jewel/TourDeJewel/src/main/royale/TabBarPlayGround.mxml b/examples/jewel/TourDeJewel/src/main/royale/TabBarPlayGround.mxml
index af64884..19236c3 100644
--- a/examples/jewel/TourDeJewel/src/main/royale/TabBarPlayGround.mxml
+++ b/examples/jewel/TourDeJewel/src/main/royale/TabBarPlayGround.mxml
@@ -28,6 +28,7 @@ limitations under the License.
import org.apache.royale.collections.ArrayList;
import vos.TabBarButtonVO;
+ import vos.TabBarButtonVO;
private var _tabBarData:ArrayList = new ArrayList([
new TabBarButtonVO("Tab 1", "tab1", MaterialIconType.ACCESSIBILITY),
@@ -87,6 +88,18 @@ limitations under the License.
{
return _tabBarDataSample;
}
+
+ private var _tabBarData2:ArrayList = new ArrayList([
+ new TabBarButtonVO("Home", "tab1", MaterialIconType.HOME),
+ new TabBarButtonVO("About Us", "tab2", MaterialIconType.CROP_SQUARE),
+ new TabBarButtonVO("Contact", "tab3", MaterialIconType.CONTACT_MAIL)
+ ]);
+
+ [Bindable]
+ public function get tabBarData2():ArrayList
+ {
+ return _tabBarData2;
+ }
]]>
</fx:Script>
@@ -255,6 +268,41 @@ limitations under the License.
</j:CardPrimaryContent>
</j:Card>
</j:GridCell>
+
+ <j:GridCell desktopNumerator="1" desktopDenominator="1" tabletNumerator="1" tabletDenominator="1" phoneNumerator="1" phoneDenominator="1">
+ <j:Card>
+ <j:CardHeader>
+ <html:H3 text="Vertical Layout with content aside."/>
+ </j:CardHeader>
+ <j:CardPrimaryContent width="100%" height="100%">
+ <j:Label multiline="true">
+ <j:html><![CDATA[This <b>TabBar</b> layout the buttons vertically. We add the tab content to the right side.]]></j:html>
+ </j:Label>
+ <j:HGroup gap="3" width="100%" height="100%">
+ <j:TabBar dataProvider="{tabBarData2}"
+ change="tbc.selectedContent = event.target.selectedItem.hash">
+ <j:beads>
+ <j:VerticalLayout/>
+ </j:beads>
+ </j:TabBar>
+ <j:TabBarContent localId="tbc" className="side-tab-content" width="100%" height="100%" selectedContent="tab1">
+ <j:beads>
+ <j:Paddings padding="15"/>
+ </j:beads>
+ <j:SectionContent name="tab1" width="100%" height="200">
+ <j:Label text="Tab Content 1"/>
+ </j:SectionContent>
+ <j:SectionContent name="tab2" width="100%" height="200">
+ <j:Label text="Tab Content 2"/>
+ </j:SectionContent>
+ <j:SectionContent name="tab3" width="100%" height="200">
+ <j:Label text="Tab Content 3"/>
+ </j:SectionContent>
+ </j:TabBarContent>
+ </j:HGroup>
+ </j:CardPrimaryContent>
+ </j:Card>
+ </j:GridCell>
<j:GridCell desktopNumerator="1" desktopDenominator="1" tabletNumerator="1" tabletDenominator="1" phoneNumerator="1" phoneDenominator="1">
<j:Card>