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 959475b BE0015: example finished
959475b is described below
commit 959475bd5d0f0d5efa2d665bf57716a0f9d2238f
Author: Carlos Rovira <[email protected]>
AuthorDate: Thu Jun 4 23:36:43 2020 +0200
BE0015: example finished
---
.../BE0015_Using_Jewel_TileHorizontalLayout.mxml | 70 +++++++++++++---------
1 file changed, 41 insertions(+), 29 deletions(-)
diff --git
a/examples/blog/BE0015_Using_Jewel_TileHorizontalLayout/src/main/royale/BE0015_Using_Jewel_TileHorizontalLayout.mxml
b/examples/blog/BE0015_Using_Jewel_TileHorizontalLayout/src/main/royale/BE0015_Using_Jewel_TileHorizontalLayout.mxml
index 9475d7d..cbbe603 100644
---
a/examples/blog/BE0015_Using_Jewel_TileHorizontalLayout/src/main/royale/BE0015_Using_Jewel_TileHorizontalLayout.mxml
+++
b/examples/blog/BE0015_Using_Jewel_TileHorizontalLayout/src/main/royale/BE0015_Using_Jewel_TileHorizontalLayout.mxml
@@ -29,9 +29,15 @@
]]>
</fx:Script>
- <j:valuesImpl>
- <js:AllCSSValuesImpl />
- </j:valuesImpl>
+ <fx:Style>
+
+ .box {
+ background: #666;
+ border-radius: 3px;
+ padding: 12px;
+ color: white;
+ }
+ </fx:Style>
<j:beads>
<js:ApplicationDataBinding/>
@@ -44,36 +50,39 @@
<j:Paddings padding="50"/>
</j:beads>
- <j:Card width="460" height="680">
+ <j:Card width="460" height="550">
<j:CardHeader>
- <html:H3 text="Using Ti" className="primary-normal"/>
+ <html:H3 text="Using TileHorizontalLayout"
className="primary-normal"/>
</j:CardHeader>
- <j:CardPrimaryContent itemsHorizontalAlign="itemsCentered">
- <j:Container localId="fgShape" width="400" height="500">
+ <j:CardPrimaryContent height="330">
+ <j:Container width="400">
+ <j:beads>
+ <j:ScrollingViewport/>
+ <j:TileHorizontalLayout localId="thl"
waitForSize="true"
+ horizontalGap="6" verticalGap="6"
columnWidth="120" rowHeight="60"/>
+ </j:beads>
- <!-- <j:Group className="wrapper" width="100%">
- <j:beads>
- <j:TileHorizontalLayout
localId="thl" waitForSize="true"/>
- </j:beads>
- <j:Button text="1"
emphasis="primary" width="60" height="60"/>
- <j:Button text="2"
emphasis="secondary" width="60" height="60"/>
- <j:Button text="3"
emphasis="emphasized" width="60" height="60"/>
- <j:Button text="4" width="60"
height="60"/>
- <j:Button text="5"
emphasis="primary" width="60" height="60"/>
- <j:Button text="6"
emphasis="secondary" width="60" height="60"/>
- <j:Button text="7"
emphasis="emphasized" width="60" height="60"/>
- <j:Button text="8" width="60"
height="60"/>
- <j:Button text="9"
emphasis="primary" width="60" height="60"/>
- <j:Button text="10"
emphasis="secondary" width="60" height="60"/>
- <j:Button text="11"
emphasis="emphasized" width="60" height="60"/>
- <j:Button text="12" width="60"
height="60"/>
- </j:Group> -->
+ <html:Div className="box" text="1"/>
+ <html:Div className="box" text="2"/>
+ <html:Div className="box" text="3"/>
+ <html:Div className="box" text="4"/>
+ <html:Div className="box" text="5"/>
+ <html:Div className="box" text="6"/>
+ <html:Div className="box" text="7"/>
+ <html:Div className="box" text="8"/>
+ <html:Div className="box" text="9"/>
+ <html:Div className="box" text="10"/>
+ <html:Div className="box" text="11"/>
+ <html:Div className="box" text="12"/>
</j:Container>
</j:CardPrimaryContent>
- <j:CardActions itemsVerticalAlign="itemsCentered">
+ <j:CardActions>
<j:BarSection width="50%">
- <!-- <j:VGroup>
+ <j:beads>
+ <j:VerticalLayout/>
+ </j:beads>
+ <j:VGroup>
<j:Label
text="columnWidth"/>
<j:HSlider width="200"
value="60" minimum="50" maximum="150" valueChange="thl.columnWidth =
event.target.value"/>
</j:VGroup>
@@ -84,7 +93,7 @@
<j:VGroup>
<j:Label
text="requestedColumnCount"/>
<j:HSlider width="200"
value="4" minimum="1" maximum="8" valueChange="thl.requestedColumnCount =
event.target.value"/>
- </j:VGroup> -->
+ </j:VGroup>
<!-- <j:ToggleButton localId="ruleVisibility"
outlined="true" emphasis="emphasized"
text="Hide Rule" selectedText="Show Rule"
selected="true">
@@ -94,16 +103,19 @@
</j:ToggleButton> -->
</j:BarSection>
<j:BarSection width="50%"
itemsHorizontalAlign="itemsRight">
+ <j:beads>
+ <j:VerticalLayout/>
+ </j:beads>
<!-- <j:Label text="Slide to fill"/>
<j:HSlider localId="slider" value="0" minimum="0"
maximum="500" valueChange="changeFill(event)"/> -->
- <!-- <j:VGroup>
+ <j:VGroup>
<j:Label
text="rowHeight"/>
<j:HSlider width="200"
value="60" minimum="50" maximum="150" valueChange="thl.rowHeight =
event.target.value"/>
</j:VGroup>
<j:VGroup>
<j:Label
text="verticalGap"/>
<j:HSlider width="200"
value="6" minimum="0" maximum="20" valueChange="thl.verticalGap =
event.target.value"/>
- </j:VGroup> -->
+ </j:VGroup>
</j:BarSection>
</j:CardActions>
</j:Card>
