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/03/19 23:30:35 UTC

[royale-asjs] branch develop updated: tour-de-jewel: add VContainer to show nesting capabilities

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 d2b8982  tour-de-jewel: add VContainer to show nesting capabilities
d2b8982 is described below

commit d2b8982ad4dc8523095334db3c11905c901ce0b9
Author: Carlos Rovira <ca...@apache.org>
AuthorDate: Fri Mar 20 00:30:30 2020 +0100

    tour-de-jewel: add VContainer to show nesting capabilities
---
 .../src/main/royale/DataGridPlayGround.mxml        | 40 ++++++++++++----------
 1 file changed, 21 insertions(+), 19 deletions(-)

diff --git a/examples/royale/TourDeJewel/src/main/royale/DataGridPlayGround.mxml b/examples/royale/TourDeJewel/src/main/royale/DataGridPlayGround.mxml
index 49f8789..587aea6 100644
--- a/examples/royale/TourDeJewel/src/main/royale/DataGridPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/DataGridPlayGround.mxml
@@ -488,28 +488,30 @@ limitations under the License.
 			</j:Card>
 		</j:GridCell>
 		<j:GridCell desktopNumerator="1" desktopDenominator="2" tabletNumerator="1" tabletDenominator="2" phoneNumerator="1" phoneDenominator="1">
-			<j:Card>
+			<j:Card height="400">
 				<html:H3 text="Jewel DataGrid"/>
 				
-				<j:Label text="Setup fixed width of DataGrid to 700px and height to 100% after initComplete. Last column has columnWidth=40, rowHeight=42."
-					multiline="true"/>
+				<j:VContainer gap="3" height="100%">
+					<j:Label text="Setup fixed width of DataGrid to 700px and height to 100% after initComplete. Last column has columnWidth=40, rowHeight=42."
+						multiline="true"/>
 
-				<j:DataGrid width="700" height="100%" emphasis="secondary" rowHeight="42">
-					<j:beads>
-						<js:ConstantBinding
-							sourceID="listModel"
-							sourcePropertyName="iconDetailListData"
-							destinationPropertyName="dataProvider"/>
-						<j:RemoveDataGridItemRendererForArrayListData/>
-					</j:beads>
-					<j:columns>
-						<j:DataGridColumn label="Icon" 
-										itemRenderer="itemRenderers.IconDataGridItemRenderer"/>
-						<j:DataGridColumn label="Label" dataField="label" align="center"/>
-						<j:DataGridColumn label="Is Jewel?" columnWidth="40"
-										itemRenderer="itemRenderers.CheckBoxDataGridItemRenderer"/>
-					</j:columns>
-				</j:DataGrid>
+					<j:DataGrid width="700" height="100%" emphasis="secondary" rowHeight="42">
+						<j:beads>
+							<js:ConstantBinding
+								sourceID="listModel"
+								sourcePropertyName="iconDetailListData"
+								destinationPropertyName="dataProvider"/>
+							<j:RemoveDataGridItemRendererForArrayListData/>
+						</j:beads>
+						<j:columns>
+							<j:DataGridColumn label="Icon" 
+											itemRenderer="itemRenderers.IconDataGridItemRenderer"/>
+							<j:DataGridColumn label="Label" dataField="label" align="center"/>
+							<j:DataGridColumn label="Is Jewel?" columnWidth="40"
+											itemRenderer="itemRenderers.CheckBoxDataGridItemRenderer"/>
+						</j:columns>
+					</j:DataGrid>
+				</j:VContainer>
 			</j:Card>
 		</j:GridCell>
 	</j:Grid>