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 3c1301b  tour-de-jewel: add paddings and title to rest of pages
3c1301b is described below

commit 3c1301b83d1589baffe6ee313603f9fb2fe145e3
Author: Carlos Rovira <[email protected]>
AuthorDate: Sat Feb 22 11:35:52 2020 +0100

    tour-de-jewel: add paddings and title to rest of pages
---
 .../src/main/royale/AdvancedListPlayGround.mxml    | 15 ++++++++++++-
 .../src/main/royale/ButtonBarPlayGround.mxml       | 26 +++++++++++++++-------
 .../src/main/royale/ImagePlayGround.mxml           | 14 ++++++++++++
 .../src/main/royale/LabelPlayGround.mxml           | 14 ++++++++++++
 .../src/main/royale/ListPlayGround.mxml            | 21 ++++++++++++-----
 .../src/main/royale/MiscelaneaPlayGound.mxml       | 14 ++++++++++++
 .../src/main/royale/NumericStepperPlayGround.mxml  | 14 ++++++++++++
 .../src/main/royale/PopUpPlayGround.mxml           | 14 ++++++++++++
 .../src/main/royale/SliderPlayGround.mxml          | 18 ++++++++++++---
 .../src/main/royale/SnackbarPlayGround.mxml        | 14 ++++++++++++
 .../src/main/royale/TabBarPlayGround.mxml          | 14 ++++++++++++
 .../src/main/royale/TablePlayGround.mxml           | 14 ++++++++++++
 .../src/main/royale/TextInputPlayGround.mxml       | 14 ++++++++++++
 .../src/main/royale/ViewStatesPlayGround.mxml      | 14 ++++++++++++
 .../src/main/royale/VirtualListsPlayGround.mxml    | 15 +++++++++++++
 15 files changed, 218 insertions(+), 17 deletions(-)

diff --git 
a/examples/royale/TourDeJewel/src/main/royale/AdvancedListPlayGround.mxml 
b/examples/royale/TourDeJewel/src/main/royale/AdvancedListPlayGround.mxml
index 48f1811..679d139 100644
--- a/examples/royale/TourDeJewel/src/main/royale/AdvancedListPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/AdvancedListPlayGround.mxml
@@ -146,7 +146,20 @@ limitations under the License.
        </c:beads>
 
        <j:Grid gap="true" itemsVerticalAlign="itemsSameHeight">
-       
+               <j:beads>
+                       <j:Paddings paddingTop="0" paddingLeft="50" 
paddingRight="50" paddingBottom="50"/>
+               </j:beads>
+
+               <j:GridCell desktopNumerator="1" desktopDenominator="1" 
tabletNumerator="1" tabletDenominator="1" phoneNumerator="1" 
phoneDenominator="1">
+                       <j:VGroup>
+                               <html:H1 text="Jewel Filtering and Sorting" 
className="emphasized-dark"/>
+
+                               <j:Label multiline="true">
+                                       <j:html><![CDATA[<p>Jewel Filtering and 
Sorting examples.</p>]]></j:html>
+                               </j:Label>
+                       </j:VGroup>
+               </j:GridCell>
+
                <j:GridCell desktopNumerator="1" desktopDenominator="1" 
tabletNumerator="1" tabletDenominator="1" phoneNumerator="1" 
phoneDenominator="1">
                        <j:Card>
                                <html:H3 text="Jewel List with ArrayList 
(source) DataProvider"/>
diff --git 
a/examples/royale/TourDeJewel/src/main/royale/ButtonBarPlayGround.mxml 
b/examples/royale/TourDeJewel/src/main/royale/ButtonBarPlayGround.mxml
index 9ba9ca7..1bbd40a 100644
--- a/examples/royale/TourDeJewel/src/main/royale/ButtonBarPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/ButtonBarPlayGround.mxml
@@ -33,6 +33,20 @@ limitations under the License.
        </c:model>
 
        <j:Grid gap="true" itemsVerticalAlign="itemsSameHeight">
+               <j:beads>
+                       <j:Paddings paddingTop="0" paddingLeft="50" 
paddingRight="50" paddingBottom="50"/>
+               </j:beads>
+
+               <j:GridCell desktopNumerator="1" desktopDenominator="1" 
tabletNumerator="1" tabletDenominator="1" phoneNumerator="1" 
phoneDenominator="1">
+                       <j:VGroup>
+                               <html:H1 text="Jewel ButtonBar" 
className="emphasized-dark"/>
+
+                               <j:Label multiline="true">
+                                       <j:html><![CDATA[<p>Jewel ButtonBar 
examples.</p>]]></j:html>
+                               </j:Label>
+                       </j:VGroup>
+               </j:GridCell>
+
                <j:GridCell desktopNumerator="1" desktopDenominator="2" 
tabletNumerator="1" tabletDenominator="1" phoneNumerator="1" 
phoneDenominator="1">
                        <j:Card>
                                <html:H3 text="Jewel ButtonBar"/>
@@ -107,10 +121,8 @@ limitations under the License.
                                <j:Label localId="bb2_label"/>
                        </j:Card>
                </j:GridCell>
-       </j:Grid>
-       
-       <j:Grid gap="true" itemsVerticalAlign="itemsSameHeight">
-               <j:GridCell desktopNumerator="1" desktopDenominator="2" 
tabletNumerator="1" tabletDenominator="1" phoneNumerator="1" 
phoneDenominator="1">
+
+               <j:GridCell desktopNumerator="1" desktopDenominator="1" 
tabletNumerator="1" tabletDenominator="1" phoneNumerator="1" 
phoneDenominator="1">
                        <j:Card>
                                <html:H3 text="Jewel IconButtonBar"/>
 
@@ -132,10 +144,8 @@ limitations under the License.
                                <j:Label localId="ibb_label"/>
                        </j:Card>
                </j:GridCell>
-       </j:Grid>
-       
-       <j:Grid gap="true" itemsVerticalAlign="itemsSameHeight">
-               <j:GridCell desktopNumerator="1" desktopDenominator="2" 
tabletNumerator="1" tabletDenominator="1" phoneNumerator="1" 
phoneDenominator="1">
+
+               <j:GridCell desktopNumerator="1" desktopDenominator="1" 
tabletNumerator="1" tabletDenominator="1" phoneNumerator="1" 
phoneDenominator="1">
                        <j:Card>
                                <html:H3 text="Jewel ToggleButtonBar"/>
 
diff --git a/examples/royale/TourDeJewel/src/main/royale/ImagePlayGround.mxml 
b/examples/royale/TourDeJewel/src/main/royale/ImagePlayGround.mxml
index 977ea63..858e529 100644
--- a/examples/royale/TourDeJewel/src/main/royale/ImagePlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/ImagePlayGround.mxml
@@ -40,6 +40,20 @@ limitations under the License.
        </c:beads>
 
        <j:Grid gap="true" itemsVerticalAlign="itemsSameHeight">
+               <j:beads>
+                       <j:Paddings paddingTop="0" paddingLeft="50" 
paddingRight="50" paddingBottom="50"/>
+               </j:beads>
+
+               <j:GridCell desktopNumerator="1" desktopDenominator="1" 
tabletNumerator="1" tabletDenominator="1" phoneNumerator="1" 
phoneDenominator="1">
+                       <j:VGroup>
+                               <html:H1 text="Jewel Image" 
className="emphasized-dark"/>
+
+                               <j:Label multiline="true">
+                                       <j:html><![CDATA[<p>Jewel Image 
examples.</p>]]></j:html>
+                               </j:Label>
+                       </j:VGroup>
+               </j:GridCell>
+
                <j:GridCell desktopNumerator="1" desktopDenominator="2" 
tabletNumerator="1" tabletDenominator="2" phoneNumerator="1" 
phoneDenominator="1">
                        <j:Card>
                                <html:H3 text="Jewel Image"/>
diff --git a/examples/royale/TourDeJewel/src/main/royale/LabelPlayGround.mxml 
b/examples/royale/TourDeJewel/src/main/royale/LabelPlayGround.mxml
index b132f07..080edee 100644
--- a/examples/royale/TourDeJewel/src/main/royale/LabelPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/LabelPlayGround.mxml
@@ -42,6 +42,20 @@ limitations under the License.
     </c:beads>
 
        <j:Grid gap="true" itemsVerticalAlign="itemsSameHeight">
+               <j:beads>
+                       <j:Paddings paddingTop="0" paddingLeft="50" 
paddingRight="50" paddingBottom="50"/>
+               </j:beads>
+
+               <j:GridCell desktopNumerator="1" desktopDenominator="1" 
tabletNumerator="1" tabletDenominator="1" phoneNumerator="1" 
phoneDenominator="1">
+                       <j:VGroup>
+                               <html:H1 text="Jewel Label" 
className="emphasized-dark"/>
+
+                               <j:Label multiline="true">
+                                       <j:html><![CDATA[<p>Jewel Label 
examples.</p>]]></j:html>
+                               </j:Label>
+                       </j:VGroup>
+               </j:GridCell>
+
                <j:GridCell desktopNumerator="1" desktopDenominator="1" 
tabletNumerator="1" tabletDenominator="1" phoneNumerator="1" 
phoneDenominator="1">
             <j:Card width="350">
                                <html:H3 text="Jewel Label"/>
diff --git a/examples/royale/TourDeJewel/src/main/royale/ListPlayGround.mxml 
b/examples/royale/TourDeJewel/src/main/royale/ListPlayGround.mxml
index f6693f1..9428335 100644
--- a/examples/royale/TourDeJewel/src/main/royale/ListPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/ListPlayGround.mxml
@@ -137,6 +137,20 @@ limitations under the License.
        </c:beads>
 
        <j:Grid gap="true" itemsVerticalAlign="itemsSameHeight">
+               <j:beads>
+                       <j:Paddings paddingTop="0" paddingLeft="50" 
paddingRight="50" paddingBottom="50"/>
+               </j:beads>
+
+               <j:GridCell desktopNumerator="1" desktopDenominator="1" 
tabletNumerator="1" tabletDenominator="1" phoneNumerator="1" 
phoneDenominator="1">
+                       <j:VGroup>
+                               <html:H1 text="Jewel List" 
className="emphasized-dark"/>
+
+                               <j:Label multiline="true">
+                                       <j:html><![CDATA[<p>Jewel List 
examples.</p>]]></j:html>
+                               </j:Label>
+                       </j:VGroup>
+               </j:GridCell>
+
                <j:GridCell desktopNumerator="1" desktopDenominator="2" 
tabletNumerator="1" tabletDenominator="2" phoneNumerator="1" 
phoneDenominator="1">
                        <j:Card>
                                <html:H3 text="Jewel List"/>
@@ -203,8 +217,7 @@ limitations under the License.
                                </j:HGroup>
                        </j:Card>
                </j:GridCell>
-       </j:Grid>
-       <j:Grid gap="true">
+
                <j:GridCell desktopNumerator="1" desktopDenominator="2" 
tabletNumerator="1" tabletDenominator="2" phoneNumerator="1" 
phoneDenominator="1">
                        <j:Card>
                                <html:H3 text="Jewel DataContainer (with Flow 
Layout)"/>
@@ -229,9 +242,7 @@ limitations under the License.
                                </j:List>
                        </j:Card>
                </j:GridCell>
-       </j:Grid>
-
-       <j:Grid gap="true">
+               
                <j:GridCell desktopNumerator="1" desktopDenominator="2" 
tabletNumerator="1" tabletDenominator="2" phoneNumerator="1" 
phoneDenominator="1">
                        <j:Card>
                                <html:H3 text="Jewel List with Horizontal 
Scroll"/>
diff --git 
a/examples/royale/TourDeJewel/src/main/royale/MiscelaneaPlayGound.mxml 
b/examples/royale/TourDeJewel/src/main/royale/MiscelaneaPlayGound.mxml
index 246422b..c000dd4 100644
--- a/examples/royale/TourDeJewel/src/main/royale/MiscelaneaPlayGound.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/MiscelaneaPlayGound.mxml
@@ -28,6 +28,20 @@ limitations under the License.
     </c:beads>
 
     <j:Grid gap="true" itemsVerticalAlign="itemsSameHeight">
+        <j:beads>
+                       <j:Paddings paddingTop="0" paddingLeft="50" 
paddingRight="50" paddingBottom="50"/>
+               </j:beads>
+
+               <j:GridCell desktopNumerator="1" desktopDenominator="1" 
tabletNumerator="1" tabletDenominator="1" phoneNumerator="1" 
phoneDenominator="1">
+                       <j:VGroup>
+                               <html:H1 text="Jewel Icons" 
className="emphasized-dark"/>
+
+                               <j:Label multiline="true">
+                                       <j:html><![CDATA[<p>Jewel Icons 
examples.</p>]]></j:html>
+                               </j:Label>
+                       </j:VGroup>
+               </j:GridCell>
+
                <j:GridCell desktopNumerator="1" desktopDenominator="2" 
tabletNumerator="1" tabletDenominator="2" phoneNumerator="1" 
phoneDenominator="1">
             <j:Card>
                 <html:H3 text="Jewel Icons Sizes"/>
diff --git 
a/examples/royale/TourDeJewel/src/main/royale/NumericStepperPlayGround.mxml 
b/examples/royale/TourDeJewel/src/main/royale/NumericStepperPlayGround.mxml
index 4b1b925..4f3ff9c 100644
--- a/examples/royale/TourDeJewel/src/main/royale/NumericStepperPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/NumericStepperPlayGround.mxml
@@ -32,6 +32,20 @@ limitations under the License.
        </fx:Script>
 
        <j:Grid gap="true" itemsVerticalAlign="itemsSameHeight">
+               <j:beads>
+                       <j:Paddings paddingTop="0" paddingLeft="50" 
paddingRight="50" paddingBottom="50"/>
+               </j:beads>
+
+               <j:GridCell desktopNumerator="1" desktopDenominator="1" 
tabletNumerator="1" tabletDenominator="1" phoneNumerator="1" 
phoneDenominator="1">
+                       <j:VGroup>
+                               <html:H1 text="Jewel NumericStepper" 
className="emphasized-dark"/>
+
+                               <j:Label multiline="true">
+                                       <j:html><![CDATA[<p>Jewel 
NumericStepper examples.</p>]]></j:html>
+                               </j:Label>
+                       </j:VGroup>
+               </j:GridCell>
+
                <j:GridCell desktopNumerator="1" desktopDenominator="1" 
tabletNumerator="1" tabletDenominator="1" phoneNumerator="1" 
phoneDenominator="1">
             <j:Card>
                                <html:H3 text="Jewel NumericStepper"/>
diff --git a/examples/royale/TourDeJewel/src/main/royale/PopUpPlayGround.mxml 
b/examples/royale/TourDeJewel/src/main/royale/PopUpPlayGround.mxml
index 06b20ec..ce6a40d 100644
--- a/examples/royale/TourDeJewel/src/main/royale/PopUpPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/PopUpPlayGround.mxml
@@ -62,6 +62,20 @@ limitations under the License.
        </c:beads>
 
        <j:Grid gap="true" itemsVerticalAlign="itemsSameHeight">
+               <j:beads>
+                       <j:Paddings paddingTop="0" paddingLeft="50" 
paddingRight="50" paddingBottom="50"/>
+               </j:beads>
+
+               <j:GridCell desktopNumerator="1" desktopDenominator="1" 
tabletNumerator="1" tabletDenominator="1" phoneNumerator="1" 
phoneDenominator="1">
+                       <j:VGroup>
+                               <html:H1 text="Jewel PopUp" 
className="emphasized-dark"/>
+
+                               <j:Label multiline="true">
+                                       <j:html><![CDATA[<p>Jewel PopUp 
examples.</p>]]></j:html>
+                               </j:Label>
+                       </j:VGroup>
+               </j:GridCell>
+
                <j:GridCell desktopNumerator="1" desktopDenominator="2" 
tabletNumerator="1" tabletDenominator="1" phoneNumerator="1" 
phoneDenominator="1">
                        <j:Card>
                                <html:H3 text="Jewel PopUp (Modal)"/>
diff --git a/examples/royale/TourDeJewel/src/main/royale/SliderPlayGround.mxml 
b/examples/royale/TourDeJewel/src/main/royale/SliderPlayGround.mxml
index 873e78b..a317815 100644
--- a/examples/royale/TourDeJewel/src/main/royale/SliderPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/SliderPlayGround.mxml
@@ -75,6 +75,20 @@ limitations under the License.
        </c:beads>
 
        <j:Grid gap="true" itemsVerticalAlign="itemsSameHeight">
+               <j:beads>
+                       <j:Paddings paddingTop="0" paddingLeft="50" 
paddingRight="50" paddingBottom="50"/>
+               </j:beads>
+
+               <j:GridCell desktopNumerator="1" desktopDenominator="1" 
tabletNumerator="1" tabletDenominator="1" phoneNumerator="1" 
phoneDenominator="1">
+                       <j:VGroup>
+                               <html:H1 text="Jewel Slider" 
className="emphasized-dark"/>
+
+                               <j:Label multiline="true">
+                                       <j:html><![CDATA[<p>Jewel Slider 
examples.</p>]]></j:html>
+                               </j:Label>
+                       </j:VGroup>
+               </j:GridCell>
+
                <j:GridCell desktopNumerator="1" desktopDenominator="2" 
tabletNumerator="1" tabletDenominator="2" phoneNumerator="1" 
phoneDenominator="1">
                        <j:Card>
                                <html:H3 text="Jewel HSlider"/>
@@ -92,9 +106,7 @@ limitations under the License.
 
                        </j:Card>
                </j:GridCell>
-       </j:Grid>
-
-       <j:Grid gap="true" itemsVerticalAlign="itemsSameHeight">
+               
                <j:GridCell desktopNumerator="1" desktopDenominator="2" 
tabletNumerator="1" tabletDenominator="2" phoneNumerator="1" 
phoneDenominator="1">
                        <j:Card>
                                <html:H3 text="Jewel VSlider"/>
diff --git 
a/examples/royale/TourDeJewel/src/main/royale/SnackbarPlayGround.mxml 
b/examples/royale/TourDeJewel/src/main/royale/SnackbarPlayGround.mxml
index ef85681..f1c2ee3 100644
--- a/examples/royale/TourDeJewel/src/main/royale/SnackbarPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/SnackbarPlayGround.mxml
@@ -51,6 +51,20 @@ limitations under the License.
        </c:beads>
        
        <j:Grid gap="true" itemsVerticalAlign="itemsSameHeight">
+               <j:beads>
+                       <j:Paddings paddingTop="0" paddingLeft="50" 
paddingRight="50" paddingBottom="50"/>
+               </j:beads>
+
+               <j:GridCell desktopNumerator="1" desktopDenominator="1" 
tabletNumerator="1" tabletDenominator="1" phoneNumerator="1" 
phoneDenominator="1">
+                       <j:VGroup>
+                               <html:H1 text="Jewel SnackBar" 
className="emphasized-dark"/>
+
+                               <j:Label multiline="true">
+                                       <j:html><![CDATA[<p>Jewel SnackBar 
examples.</p>]]></j:html>
+                               </j:Label>
+                       </j:VGroup>
+               </j:GridCell>
+
                <j:GridCell desktopNumerator="1" desktopDenominator="2" 
tabletNumerator="1" tabletDenominator="1" phoneNumerator="1" 
phoneDenominator="1">
                        <j:Card>
                                <html:H3 text="Jewel Snackbar"/>
diff --git a/examples/royale/TourDeJewel/src/main/royale/TabBarPlayGround.mxml 
b/examples/royale/TourDeJewel/src/main/royale/TabBarPlayGround.mxml
index 0fb93cb..9516442 100644
--- a/examples/royale/TourDeJewel/src/main/royale/TabBarPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/TabBarPlayGround.mxml
@@ -87,6 +87,20 @@ limitations under the License.
        </c:beads>
 
        <j:Grid gap="true" itemsVerticalAlign="itemsSameHeight">
+               <j:beads>
+                       <j:Paddings paddingTop="0" paddingLeft="50" 
paddingRight="50" paddingBottom="50"/>
+               </j:beads>
+
+               <j:GridCell desktopNumerator="1" desktopDenominator="1" 
tabletNumerator="1" tabletDenominator="1" phoneNumerator="1" 
phoneDenominator="1">
+                       <j:VGroup>
+                               <html:H1 text="Jewel TabBar" 
className="emphasized-dark"/>
+
+                               <j:Label multiline="true">
+                                       <j:html><![CDATA[<p>Jewel TabBar 
examples.</p>]]></j:html>
+                               </j:Label>
+                       </j:VGroup>
+               </j:GridCell>
+
                <j:GridCell desktopNumerator="1" desktopDenominator="1" 
tabletNumerator="1" tabletDenominator="1" phoneNumerator="1" 
phoneDenominator="1">
                        <j:Card>
                                <html:H3 text="Jewel TabBar"/>
diff --git a/examples/royale/TourDeJewel/src/main/royale/TablePlayGround.mxml 
b/examples/royale/TourDeJewel/src/main/royale/TablePlayGround.mxml
index 598fef0..e55427d 100644
--- a/examples/royale/TourDeJewel/src/main/royale/TablePlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/TablePlayGround.mxml
@@ -33,6 +33,20 @@ limitations under the License.
        </c:beads>
 
        <j:Grid gap="true" itemsVerticalAlign="itemsSameHeight">
+               <j:beads>
+                       <j:Paddings paddingTop="0" paddingLeft="50" 
paddingRight="50" paddingBottom="50"/>
+               </j:beads>
+
+               <j:GridCell desktopNumerator="1" desktopDenominator="1" 
tabletNumerator="1" tabletDenominator="1" phoneNumerator="1" 
phoneDenominator="1">
+                       <j:VGroup>
+                               <html:H1 text="Jewel Table" 
className="emphasized-dark"/>
+
+                               <j:Label multiline="true">
+                                       <j:html><![CDATA[<p>Jewel Table 
examples.</p>]]></j:html>
+                               </j:Label>
+                       </j:VGroup>
+               </j:GridCell>
+
                <j:GridCell desktopNumerator="1" desktopDenominator="1" 
tabletNumerator="1" tabletDenominator="1" phoneNumerator="1" 
phoneDenominator="1">
                        <j:Card>
                                <html:H3 text="Jewel SimpleTable"/>
diff --git 
a/examples/royale/TourDeJewel/src/main/royale/TextInputPlayGround.mxml 
b/examples/royale/TourDeJewel/src/main/royale/TextInputPlayGround.mxml
index 6bc6fb5..aef368f 100644
--- a/examples/royale/TourDeJewel/src/main/royale/TextInputPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/TextInputPlayGround.mxml
@@ -49,6 +49,20 @@ limitations under the License.
        </c:beads>
 
        <j:Grid gap="true" itemsVerticalAlign="itemsSameHeight">
+               <j:beads>
+                       <j:Paddings paddingTop="0" paddingLeft="50" 
paddingRight="50" paddingBottom="50"/>
+               </j:beads>
+
+               <j:GridCell desktopNumerator="1" desktopDenominator="1" 
tabletNumerator="1" tabletDenominator="1" phoneNumerator="1" 
phoneDenominator="1">
+                       <j:VGroup>
+                               <html:H1 text="Jewel TextInput" 
className="emphasized-dark"/>
+
+                               <j:Label multiline="true">
+                                       <j:html><![CDATA[<p>Jewel TextInput 
examples.</p>]]></j:html>
+                               </j:Label>
+                       </j:VGroup>
+               </j:GridCell>
+
                <j:GridCell wideScreenNumerator="1" wideScreenDenominator="2" 
desktopNumerator="1" desktopDenominator="2" tabletNumerator="1" 
tabletDenominator="2" phoneNumerator="1" phoneDenominator="1">
                        <j:Card>
                                <html:H3 text="Jewel TextInput"/>
diff --git 
a/examples/royale/TourDeJewel/src/main/royale/ViewStatesPlayGround.mxml 
b/examples/royale/TourDeJewel/src/main/royale/ViewStatesPlayGround.mxml
index 764a0c6..b74d7d8 100644
--- a/examples/royale/TourDeJewel/src/main/royale/ViewStatesPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/ViewStatesPlayGround.mxml
@@ -24,6 +24,20 @@ limitations under the License.
        xmlns:c="components.*" sourceCodeUrl="ViewStatesPlayGround.mxml">
        
        <j:Grid gap="true" itemsVerticalAlign="itemsSameHeight">
+               <j:beads>
+                       <j:Paddings paddingTop="0" paddingLeft="50" 
paddingRight="50" paddingBottom="50"/>
+               </j:beads>
+
+               <j:GridCell desktopNumerator="1" desktopDenominator="1" 
tabletNumerator="1" tabletDenominator="1" phoneNumerator="1" 
phoneDenominator="1">
+                       <j:VGroup>
+                               <html:H1 text="Jewel View States" 
className="emphasized-dark"/>
+
+                               <j:Label multiline="true">
+                                       <j:html><![CDATA[<p>Jewel ViewStates 
examples.</p>]]></j:html>
+                               </j:Label>
+                       </j:VGroup>
+               </j:GridCell>
+
                <c:ViewStatesIncludeIn/>
 
                <c:ViewStatesDotNotation/>
diff --git 
a/examples/royale/TourDeJewel/src/main/royale/VirtualListsPlayGround.mxml 
b/examples/royale/TourDeJewel/src/main/royale/VirtualListsPlayGround.mxml
index d877cf9..a2a71a2 100644
--- a/examples/royale/TourDeJewel/src/main/royale/VirtualListsPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/VirtualListsPlayGround.mxml
@@ -91,6 +91,21 @@ limitations under the License.
     </c:beads>
 
        <j:Grid gap="true" itemsVerticalAlign="itemsSameHeight">
+
+               <j:beads>
+                       <j:Paddings paddingTop="0" paddingLeft="50" 
paddingRight="50" paddingBottom="50"/>
+               </j:beads>
+
+               <j:GridCell desktopNumerator="1" desktopDenominator="1" 
tabletNumerator="1" tabletDenominator="1" phoneNumerator="1" 
phoneDenominator="1">
+                       <j:VGroup>
+                               <html:H1 text="Jewel Virtualization" 
className="emphasized-dark"/>
+
+                               <j:Label multiline="true">
+                                       <j:html><![CDATA[<p>Jewel 
Virtualization examples.</p>]]></j:html>
+                               </j:Label>
+                       </j:VGroup>
+               </j:GridCell>
+
                <j:GridCell desktopNumerator="1" desktopDenominator="1" 
tabletNumerator="1" tabletDenominator="1" phoneNumerator="1" 
phoneDenominator="1">
             <j:Card>
                                <html:H3 text="Jewel VirtualList"/>

Reply via email to