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 <[email protected]>
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>

Reply via email to