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 39d04cb  tour-de-jewel: reverse order examples
39d04cb is described below

commit 39d04cbeb7af8ef8c63841912f5bd5a951b81dec
Author: Carlos Rovira <[email protected]>
AuthorDate: Tue Feb 9 19:45:10 2021 +0100

    tour-de-jewel: reverse order examples
---
 .../TourDeJewel/src/main/royale/CardPlayGround.mxml    |  6 ++++++
 .../TourDeJewel/src/main/royale/GridPlayGround.mxml    | 18 +++++++++++++++++-
 2 files changed, 23 insertions(+), 1 deletion(-)

diff --git a/examples/jewel/TourDeJewel/src/main/royale/CardPlayGround.mxml 
b/examples/jewel/TourDeJewel/src/main/royale/CardPlayGround.mxml
index 8407003..9804710 100644
--- a/examples/jewel/TourDeJewel/src/main/royale/CardPlayGround.mxml
+++ b/examples/jewel/TourDeJewel/src/main/royale/CardPlayGround.mxml
@@ -65,6 +65,12 @@ limitations under the License.
                                        <j:Button text="Apache"/>
                                        <j:Button text="Royale!"/>
                                </j:HGroup>
+                               
+                               <j:HGroup itemsReverse="true" gap="3">
+                                       <j:Button text="Hello"/>
+                                       <j:Button text="Reverse"/>
+                                       <j:Button text="Order!"/>
+                               </j:HGroup>
                        </j:Card>
                </j:GridCell>
 
diff --git a/examples/jewel/TourDeJewel/src/main/royale/GridPlayGround.mxml 
b/examples/jewel/TourDeJewel/src/main/royale/GridPlayGround.mxml
index 8e12af3..ab0fefd 100644
--- a/examples/jewel/TourDeJewel/src/main/royale/GridPlayGround.mxml
+++ b/examples/jewel/TourDeJewel/src/main/royale/GridPlayGround.mxml
@@ -385,7 +385,7 @@ limitations under the License.
                        </j:Grid>
 
                        <j:GridCell desktopNumerator="1" desktopDenominator="1" 
tabletNumerator="1" tabletDenominator="1" phoneNumerator="1" 
phoneDenominator="1">
-                               <html:H4 text=" itemsSameHeight" 
className="secondary-darkest"/>
+                               <html:H4 text="itemsSameHeight" 
className="secondary-darkest"/>
                        </j:GridCell>
 
                        <j:Grid gap="true" itemsVerticalAlign="itemsSameHeight" 
height="200">
@@ -399,6 +399,22 @@ limitations under the License.
                                        <html:Div className="box" text="Same 
Height"/>
                                </j:GridCell>
                        </j:Grid>
+                       
+                       <j:GridCell desktopNumerator="1" desktopDenominator="1" 
tabletNumerator="1" tabletDenominator="1" phoneNumerator="1" 
phoneDenominator="1">
+                               <html:H4 text="itemsReverse" 
className="secondary-darkest"/>
+                       </j:GridCell>
+
+                       <j:Grid gap="true" itemsReverse="true" height="200">
+                               <j:GridCell desktopNumerator="1" 
desktopDenominator="3" tabletNumerator="1" tabletDenominator="3" 
phoneNumerator="1" phoneDenominator="3">
+                                       <html:Div className="box" text="Same 
Height 1"/>
+                               </j:GridCell>
+                               <j:GridCell desktopNumerator="1" 
desktopDenominator="3" tabletNumerator="1" tabletDenominator="3" 
phoneNumerator="1" phoneDenominator="3">
+                                       <html:Div className="box" text="Same 
Height 2"/>
+                               </j:GridCell>
+                               <j:GridCell desktopNumerator="1" 
desktopDenominator="3" tabletNumerator="1" tabletDenominator="3" 
phoneNumerator="1" phoneDenominator="3">
+                                       <html:Div className="box" text="Same 
Height 3"/>
+                               </j:GridCell>
+                       </j:Grid>
                </j:Grid>
        </j:Grid>
        

Reply via email to