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 e2a7d1c tour-de-jewel: add ExampleHeader
e2a7d1c is described below
commit e2a7d1c783b37f5e01cb553d0ac5e17c496eecc8
Author: Carlos Rovira <[email protected]>
AuthorDate: Sat Feb 22 12:32:22 2020 +0100
tour-de-jewel: add ExampleHeader
---
.../src/main/royale/AdvancedListPlayGround.mxml | 14 +++----
.../src/main/royale/AlertPlayGround.mxml | 14 +++----
.../src/main/royale/ButtonBarPlayGround.mxml | 14 +++----
.../src/main/royale/ButtonPlayGround.mxml | 14 +++----
.../src/main/royale/CardPlayGround.mxml | 14 +++----
.../src/main/royale/CheckBoxPlayGround.mxml | 14 +++----
.../src/main/royale/ComboBoxPlayGround.mxml | 14 +++----
.../src/main/royale/DataGridPlayGround.mxml | 14 +++----
.../src/main/royale/DateComponentsPlayGround.mxml | 16 +++-----
.../src/main/royale/DropDownListPlayGround.mxml | 14 +++----
.../src/main/royale/FormsValidationPlayGround.mxml | 14 +++----
.../src/main/royale/GridPlayGround.mxml | 16 +++-----
.../src/main/royale/HeadingsAndText.mxml | 16 +++-----
.../src/main/royale/ImagePlayGround.mxml | 14 +++----
.../src/main/royale/LabelPlayGround.mxml | 14 +++----
.../src/main/royale/LayoutsPlayGround.mxml | 14 +++----
.../src/main/royale/ListPlayGround.mxml | 14 +++----
.../src/main/royale/MiscelaneaPlayGound.mxml | 14 +++----
.../src/main/royale/NumericStepperPlayGround.mxml | 14 +++----
.../src/main/royale/PopUpPlayGround.mxml | 14 +++----
.../src/main/royale/RadioButtonPlayGround.mxml | 14 +++----
.../src/main/royale/SliderPlayGround.mxml | 14 +++----
.../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 | 14 +++----
.../src/main/royale/WizardPlayGround.mxml | 14 +++----
.../src/main/royale/components/ExampleHeader.mxml | 47 ++++++++++++++++++++++
30 files changed, 194 insertions(+), 265 deletions(-)
diff --git
a/examples/royale/TourDeJewel/src/main/royale/AdvancedListPlayGround.mxml
b/examples/royale/TourDeJewel/src/main/royale/AdvancedListPlayGround.mxml
index 679d139..4907c75 100644
--- a/examples/royale/TourDeJewel/src/main/royale/AdvancedListPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/AdvancedListPlayGround.mxml
@@ -150,15 +150,11 @@ limitations under the License.
<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>
+ <c:ExampleHeader title="Jewel Filtering and Sorting">
+ <c:description>
+ <![CDATA[<strong>Jewel Filtering and
Sorting</strong> examples.]]>
+ </c:description>
+ </c:ExampleHeader>
<j:GridCell desktopNumerator="1" desktopDenominator="1"
tabletNumerator="1" tabletDenominator="1" phoneNumerator="1"
phoneDenominator="1">
<j:Card>
diff --git a/examples/royale/TourDeJewel/src/main/royale/AlertPlayGround.mxml
b/examples/royale/TourDeJewel/src/main/royale/AlertPlayGround.mxml
index 366b3f8..ac97c39 100644
--- a/examples/royale/TourDeJewel/src/main/royale/AlertPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/AlertPlayGround.mxml
@@ -89,15 +89,11 @@ limitations under the License.
<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 Alert"
className="emphasized-dark"/>
-
- <j:Label multiline="true">
- <j:html><![CDATA[<p>Jewel Alert
examples.</p>]]></j:html>
- </j:Label>
- </j:VGroup>
- </j:GridCell>
+ <c:ExampleHeader title="Jewel Alert">
+ <c:description>
+ <![CDATA[<strong>Jewel Alert</strong>
examples.]]>
+ </c:description>
+ </c:ExampleHeader>
<j:GridCell desktopNumerator="1" desktopDenominator="3"
tabletNumerator="1" tabletDenominator="3" phoneNumerator="1"
phoneDenominator="1">
<!-- Alert 1-->
diff --git
a/examples/royale/TourDeJewel/src/main/royale/ButtonBarPlayGround.mxml
b/examples/royale/TourDeJewel/src/main/royale/ButtonBarPlayGround.mxml
index 1bbd40a..4b5f129 100644
--- a/examples/royale/TourDeJewel/src/main/royale/ButtonBarPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/ButtonBarPlayGround.mxml
@@ -37,15 +37,11 @@ limitations under the License.
<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>
+ <c:ExampleHeader title="Jewel ButtonBar">
+ <c:description>
+ <![CDATA[<strong>Jewel ButtonBar</strong>
examples.]]>
+ </c:description>
+ </c:ExampleHeader>
<j:GridCell desktopNumerator="1" desktopDenominator="2"
tabletNumerator="1" tabletDenominator="1" phoneNumerator="1"
phoneDenominator="1">
<j:Card>
diff --git a/examples/royale/TourDeJewel/src/main/royale/ButtonPlayGround.mxml
b/examples/royale/TourDeJewel/src/main/royale/ButtonPlayGround.mxml
index afc6b25..10a5815 100644
--- a/examples/royale/TourDeJewel/src/main/royale/ButtonPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/ButtonPlayGround.mxml
@@ -51,15 +51,11 @@ limitations under the License.
<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 Button"
className="emphasized-dark"/>
-
- <j:Label multiline="true">
- <j:html><![CDATA[<p>Jewel Button
examples.</p>]]></j:html>
- </j:Label>
- </j:VGroup>
- </j:GridCell>
+ <c:ExampleHeader title="Jewel Button">
+ <c:description>
+ <![CDATA[<strong>Jewel Button</strong>
examples.]]>
+ </c:description>
+ </c:ExampleHeader>
<j:GridCell desktopNumerator="1" desktopDenominator="2"
tabletNumerator="1" tabletDenominator="2" phoneNumerator="1"
phoneDenominator="1">
<j:Card>
diff --git a/examples/royale/TourDeJewel/src/main/royale/CardPlayGround.mxml
b/examples/royale/TourDeJewel/src/main/royale/CardPlayGround.mxml
index 0912007..462654d 100644
--- a/examples/royale/TourDeJewel/src/main/royale/CardPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/CardPlayGround.mxml
@@ -28,15 +28,11 @@ limitations under the License.
<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 Card"
className="emphasized-dark"/>
-
- <j:Label multiline="true">
- <j:html><![CDATA[<p><strong>Apache
Royale Card</strong> is 100% width by default and uses a
<strong>VerticalLayout</strong> with some default gap.</p>]]></j:html>
- </j:Label>
- </j:VGroup>
- </j:GridCell>
+ <c:ExampleHeader title="Jewel Card">
+ <c:description>
+ <![CDATA[<strong>Jewel Card</strong>
examples.]]>
+ </c:description>
+ </c:ExampleHeader>
<j:GridCell desktopNumerator="1" desktopDenominator="2"
tabletNumerator="1" tabletDenominator="2" phoneNumerator="1"
phoneDenominator="1">
<j:Card>
diff --git
a/examples/royale/TourDeJewel/src/main/royale/CheckBoxPlayGround.mxml
b/examples/royale/TourDeJewel/src/main/royale/CheckBoxPlayGround.mxml
index 30ebff7..ab2bf9a 100644
--- a/examples/royale/TourDeJewel/src/main/royale/CheckBoxPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/CheckBoxPlayGround.mxml
@@ -28,15 +28,11 @@ limitations under the License.
<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 CheckBox"
className="emphasized-dark"/>
-
- <j:Label multiline="true">
- <j:html><![CDATA[<p>Jewel Checkbox
examples.</p>]]></j:html>
- </j:Label>
- </j:VGroup>
- </j:GridCell>
+ <c:ExampleHeader title="Jewel CheckBox">
+ <c:description>
+ <![CDATA[<strong>Jewel CheckBox</strong>
examples.]]>
+ </c:description>
+ </c:ExampleHeader>
<j:GridCell desktopNumerator="1" desktopDenominator="1"
tabletNumerator="1" tabletDenominator="1" phoneNumerator="1"
phoneDenominator="1">
<j:Card>
diff --git
a/examples/royale/TourDeJewel/src/main/royale/ComboBoxPlayGround.mxml
b/examples/royale/TourDeJewel/src/main/royale/ComboBoxPlayGround.mxml
index 1412185..1ed2c41 100644
--- a/examples/royale/TourDeJewel/src/main/royale/ComboBoxPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/ComboBoxPlayGround.mxml
@@ -78,15 +78,11 @@ limitations under the License.
<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 ComboBox"
className="emphasized-dark"/>
-
- <j:Label multiline="true">
- <j:html><![CDATA[<p>Jewel ComboBox
examples.</p>]]></j:html>
- </j:Label>
- </j:VGroup>
- </j:GridCell>
+ <c:ExampleHeader title="Jewel ComboBox">
+ <c:description>
+ <![CDATA[<strong>Jewel ComboBox</strong>
examples.]]>
+ </c:description>
+ </c:ExampleHeader>
<j:GridCell desktopNumerator="1" desktopDenominator="1"
tabletNumerator="1" tabletDenominator="1" phoneNumerator="1"
phoneDenominator="1">
<j:Card>
diff --git
a/examples/royale/TourDeJewel/src/main/royale/DataGridPlayGround.mxml
b/examples/royale/TourDeJewel/src/main/royale/DataGridPlayGround.mxml
index 888451e..de177b3 100644
--- a/examples/royale/TourDeJewel/src/main/royale/DataGridPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/DataGridPlayGround.mxml
@@ -116,15 +116,11 @@ limitations under the License.
<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 DataGrid"
className="emphasized-dark"/>
-
- <j:Label multiline="true">
- <j:html><![CDATA[<p>Jewel DataGrid
examples.</p>]]></j:html>
- </j:Label>
- </j:VGroup>
- </j:GridCell>
+ <c:ExampleHeader title="Jewel DataGrid">
+ <c:description>
+ <![CDATA[<strong>Jewel DataGrid</strong>
examples.]]>
+ </c:description>
+ </c:ExampleHeader>
<j:GridCell desktopNumerator="1" desktopDenominator="2"
tabletNumerator="1" tabletDenominator="2" phoneNumerator="1"
phoneDenominator="1">
<j:Card>
diff --git
a/examples/royale/TourDeJewel/src/main/royale/DateComponentsPlayGround.mxml
b/examples/royale/TourDeJewel/src/main/royale/DateComponentsPlayGround.mxml
index 6dddf5c..5eab077 100644
--- a/examples/royale/TourDeJewel/src/main/royale/DateComponentsPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/DateComponentsPlayGround.mxml
@@ -94,16 +94,12 @@ limitations under the License.
<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 DateField &
DateChooser" className="emphasized-dark"/>
-
- <j:Label multiline="true">
- <j:html><![CDATA[<p>Jewel DateField
& DateChooser examples.</p>]]></j:html>
- </j:Label>
- </j:VGroup>
- </j:GridCell>
+
+ <c:ExampleHeader title="Jewel DateField & DateChooser">
+ <c:description>
+ <![CDATA[<strong>Jewel DateField &
DateChooser</strong> examples.]]>
+ </c:description>
+ </c:ExampleHeader>
<j:GridCell desktopNumerator="1" desktopDenominator="2"
tabletNumerator="1" tabletDenominator="2" phoneNumerator="1"
phoneDenominator="1">
<j:Card>
diff --git
a/examples/royale/TourDeJewel/src/main/royale/DropDownListPlayGround.mxml
b/examples/royale/TourDeJewel/src/main/royale/DropDownListPlayGround.mxml
index 5ec4967..eb16132 100644
--- a/examples/royale/TourDeJewel/src/main/royale/DropDownListPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/DropDownListPlayGround.mxml
@@ -64,15 +64,11 @@ limitations under the License.
<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 DropDownList"
className="emphasized-dark"/>
-
- <j:Label multiline="true">
- <j:html><![CDATA[<p>Jewel DropDownList
examples.</p>]]></j:html>
- </j:Label>
- </j:VGroup>
- </j:GridCell>
+ <c:ExampleHeader title="Jewel DropDownList">
+ <c:description>
+ <![CDATA[<strong>Jewel DropDownList</strong>
examples.]]>
+ </c:description>
+ </c:ExampleHeader>
<j:GridCell desktopNumerator="1" desktopDenominator="2"
tabletNumerator="1" tabletDenominator="2" phoneNumerator="1"
phoneDenominator="1">
<j:Card>
diff --git
a/examples/royale/TourDeJewel/src/main/royale/FormsValidationPlayGround.mxml
b/examples/royale/TourDeJewel/src/main/royale/FormsValidationPlayGround.mxml
index 1ef9b9b..ae86376 100644
--- a/examples/royale/TourDeJewel/src/main/royale/FormsValidationPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/FormsValidationPlayGround.mxml
@@ -28,15 +28,11 @@ limitations under the License.
<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 Forms & Validation"
className="emphasized-dark"/>
-
- <j:Label multiline="true">
- <j:html><![CDATA[<p>Jewel Forms &
Validation examples.</p>]]></j:html>
- </j:Label>
- </j:VGroup>
- </j:GridCell>
+ <c:ExampleHeader title="Jewel Forms & Validation">
+ <c:description>
+ <![CDATA[<strong>Jewel Forms &
Validation</strong> examples.]]>
+ </c:description>
+ </c:ExampleHeader>
<j:GridCell desktopNumerator="1" desktopDenominator="1"
tabletNumerator="1" tabletDenominator="1" phoneNumerator="1"
phoneDenominator="1">
<j:Card>
diff --git a/examples/royale/TourDeJewel/src/main/royale/GridPlayGround.mxml
b/examples/royale/TourDeJewel/src/main/royale/GridPlayGround.mxml
index 44e3cb6..2f9a6dd 100644
--- a/examples/royale/TourDeJewel/src/main/royale/GridPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/GridPlayGround.mxml
@@ -39,17 +39,11 @@ limitations under the License.
<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 Grid"
className="emphasized-dark"/>
-
- <j:Label multiline="true">
- <j:html><![CDATA[<p>Jewel Grids
examples.</p>]]></j:html>
- </j:Label>
- <j:CheckBox text="Turn Gap on/off"
change="useGap = !useGap;" selected="true"/>
- </j:VGroup>
- </j:GridCell>
-
+ <c:ExampleHeader title="Jewel Grid">
+ <c:description>
+ <![CDATA[<strong>Jewel Grid</strong>
examples.]]>
+ </c:description>
+ </c:ExampleHeader>
<j:Grid gap="{useGap}">
<j:GridCell desktopNumerator="1" desktopDenominator="1"
tabletNumerator="1" tabletDenominator="1" phoneNumerator="1"
phoneDenominator="1">
diff --git a/examples/royale/TourDeJewel/src/main/royale/HeadingsAndText.mxml
b/examples/royale/TourDeJewel/src/main/royale/HeadingsAndText.mxml
index fef0099..711ecaa 100644
--- a/examples/royale/TourDeJewel/src/main/royale/HeadingsAndText.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/HeadingsAndText.mxml
@@ -27,16 +27,12 @@ limitations under the License.
<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 Headings & Text"
className="emphasized-dark"/>
-
- <j:Label multiline="true">
- <j:html><![CDATA[<p>Jewel Headings
& Text examples.</p>]]></j:html>
- </j:Label>
- </j:VGroup>
- </j:GridCell>
+
+ <c:ExampleHeader title="Jewel Headings & Text">
+ <c:description>
+ <![CDATA[<strong>Jewel Headings &
Text</strong> examples.]]>
+ </c:description>
+ </c:ExampleHeader>
<j:GridCell desktopNumerator="1" desktopDenominator="1"
tabletNumerator="1" tabletDenominator="1" phoneNumerator="1"
phoneDenominator="1">
<j:Card>
diff --git a/examples/royale/TourDeJewel/src/main/royale/ImagePlayGround.mxml
b/examples/royale/TourDeJewel/src/main/royale/ImagePlayGround.mxml
index 858e529..041692d 100644
--- a/examples/royale/TourDeJewel/src/main/royale/ImagePlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/ImagePlayGround.mxml
@@ -44,15 +44,11 @@ limitations under the License.
<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>
+ <c:ExampleHeader title="Jewel Image">
+ <c:description>
+ <![CDATA[<strong>Jewel Image</strong>
examples.]]>
+ </c:description>
+ </c:ExampleHeader>
<j:GridCell desktopNumerator="1" desktopDenominator="2"
tabletNumerator="1" tabletDenominator="2" phoneNumerator="1"
phoneDenominator="1">
<j:Card>
diff --git a/examples/royale/TourDeJewel/src/main/royale/LabelPlayGround.mxml
b/examples/royale/TourDeJewel/src/main/royale/LabelPlayGround.mxml
index 080edee..1c0b6b4 100644
--- a/examples/royale/TourDeJewel/src/main/royale/LabelPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/LabelPlayGround.mxml
@@ -46,15 +46,11 @@ limitations under the License.
<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>
+ <c:ExampleHeader title="Jewel Label">
+ <c:description>
+ <![CDATA[<strong>Jewel Label</strong>
examples.]]>
+ </c:description>
+ </c:ExampleHeader>
<j:GridCell desktopNumerator="1" desktopDenominator="1"
tabletNumerator="1" tabletDenominator="1" phoneNumerator="1"
phoneDenominator="1">
<j:Card width="350">
diff --git a/examples/royale/TourDeJewel/src/main/royale/LayoutsPlayGround.mxml
b/examples/royale/TourDeJewel/src/main/royale/LayoutsPlayGround.mxml
index f595be0..42a819b 100644
--- a/examples/royale/TourDeJewel/src/main/royale/LayoutsPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/LayoutsPlayGround.mxml
@@ -28,15 +28,11 @@ limitations under the License.
<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 Layouts"
className="emphasized-dark"/>
-
- <j:Label multiline="true">
- <j:html><![CDATA[<p>Jewel Layouts
examples.</p>]]></j:html>
- </j:Label>
- </j:VGroup>
- </j:GridCell>
+ <c:ExampleHeader title="Jewel Layouts">
+ <c:description>
+ <![CDATA[<strong>Jewel Layouts</strong>
examples.]]>
+ </c:description>
+ </c:ExampleHeader>
<j:GridCell desktopNumerator="1" desktopDenominator="2"
tabletNumerator="1" tabletDenominator="2" phoneNumerator="1"
phoneDenominator="1">
<j:Card>
diff --git a/examples/royale/TourDeJewel/src/main/royale/ListPlayGround.mxml
b/examples/royale/TourDeJewel/src/main/royale/ListPlayGround.mxml
index 9428335..24159c7 100644
--- a/examples/royale/TourDeJewel/src/main/royale/ListPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/ListPlayGround.mxml
@@ -141,15 +141,11 @@ limitations under the License.
<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>
+ <c:ExampleHeader title="Jewel List">
+ <c:description>
+ <![CDATA[<strong>Jewel List</strong>
examples.]]>
+ </c:description>
+ </c:ExampleHeader>
<j:GridCell desktopNumerator="1" desktopDenominator="2"
tabletNumerator="1" tabletDenominator="2" phoneNumerator="1"
phoneDenominator="1">
<j:Card>
diff --git
a/examples/royale/TourDeJewel/src/main/royale/MiscelaneaPlayGound.mxml
b/examples/royale/TourDeJewel/src/main/royale/MiscelaneaPlayGound.mxml
index c000dd4..1d27af2 100644
--- a/examples/royale/TourDeJewel/src/main/royale/MiscelaneaPlayGound.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/MiscelaneaPlayGound.mxml
@@ -32,15 +32,11 @@ limitations under the License.
<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>
+ <c:ExampleHeader title="Jewel Icons">
+ <c:description>
+ <![CDATA[<strong>Jewel Icons</strong>
examples.]]>
+ </c:description>
+ </c:ExampleHeader>
<j:GridCell desktopNumerator="1" desktopDenominator="2"
tabletNumerator="1" tabletDenominator="2" phoneNumerator="1"
phoneDenominator="1">
<j:Card>
diff --git
a/examples/royale/TourDeJewel/src/main/royale/NumericStepperPlayGround.mxml
b/examples/royale/TourDeJewel/src/main/royale/NumericStepperPlayGround.mxml
index 4f3ff9c..ba3940c 100644
--- a/examples/royale/TourDeJewel/src/main/royale/NumericStepperPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/NumericStepperPlayGround.mxml
@@ -36,15 +36,11 @@ limitations under the License.
<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>
+ <c:ExampleHeader title="Jewel NumericStepper">
+ <c:description>
+ <![CDATA[<strong>Jewel NumericStepper</strong>
examples.]]>
+ </c:description>
+ </c:ExampleHeader>
<j:GridCell desktopNumerator="1" desktopDenominator="1"
tabletNumerator="1" tabletDenominator="1" phoneNumerator="1"
phoneDenominator="1">
<j:Card>
diff --git a/examples/royale/TourDeJewel/src/main/royale/PopUpPlayGround.mxml
b/examples/royale/TourDeJewel/src/main/royale/PopUpPlayGround.mxml
index ce6a40d..bf87ba7 100644
--- a/examples/royale/TourDeJewel/src/main/royale/PopUpPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/PopUpPlayGround.mxml
@@ -66,15 +66,11 @@ limitations under the License.
<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>
+ <c:ExampleHeader title="Jewel PopUp">
+ <c:description>
+ <![CDATA[<strong>Jewel PopUp</strong>
examples.]]>
+ </c:description>
+ </c:ExampleHeader>
<j:GridCell desktopNumerator="1" desktopDenominator="2"
tabletNumerator="1" tabletDenominator="1" phoneNumerator="1"
phoneDenominator="1">
<j:Card>
diff --git
a/examples/royale/TourDeJewel/src/main/royale/RadioButtonPlayGround.mxml
b/examples/royale/TourDeJewel/src/main/royale/RadioButtonPlayGround.mxml
index 617fb93..6dfdef5 100644
--- a/examples/royale/TourDeJewel/src/main/royale/RadioButtonPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/RadioButtonPlayGround.mxml
@@ -28,15 +28,11 @@ limitations under the License.
<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 RadioButton"
className="emphasized-dark"/>
-
- <j:Label multiline="true">
- <j:html><![CDATA[<p>Jewel RadioButton
examples.</p>]]></j:html>
- </j:Label>
- </j:VGroup>
- </j:GridCell>
+ <c:ExampleHeader title="Jewel RadioButton">
+ <c:description>
+ <![CDATA[<strong>Jewel RadioButton</strong>
examples.]]>
+ </c:description>
+ </c:ExampleHeader>
<j:GridCell desktopNumerator="1" desktopDenominator="1"
tabletNumerator="1" tabletDenominator="1" phoneNumerator="1"
phoneDenominator="1">
<j:Card>
diff --git a/examples/royale/TourDeJewel/src/main/royale/SliderPlayGround.mxml
b/examples/royale/TourDeJewel/src/main/royale/SliderPlayGround.mxml
index a317815..8d04f26 100644
--- a/examples/royale/TourDeJewel/src/main/royale/SliderPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/SliderPlayGround.mxml
@@ -79,15 +79,11 @@ limitations under the License.
<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>
+ <c:ExampleHeader title="Jewel Slider">
+ <c:description>
+ <![CDATA[<strong>Jewel Slider</strong>
examples.]]>
+ </c:description>
+ </c:ExampleHeader>
<j:GridCell desktopNumerator="1" desktopDenominator="2"
tabletNumerator="1" tabletDenominator="2" phoneNumerator="1"
phoneDenominator="1">
<j:Card>
diff --git
a/examples/royale/TourDeJewel/src/main/royale/SnackbarPlayGround.mxml
b/examples/royale/TourDeJewel/src/main/royale/SnackbarPlayGround.mxml
index f1c2ee3..0265365 100644
--- a/examples/royale/TourDeJewel/src/main/royale/SnackbarPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/SnackbarPlayGround.mxml
@@ -55,15 +55,11 @@ limitations under the License.
<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>
+ <c:ExampleHeader title="Jewel SnackBar">
+ <c:description>
+ <![CDATA[<strong>Jewel SnackBar</strong>
examples.]]>
+ </c:description>
+ </c:ExampleHeader>
<j:GridCell desktopNumerator="1" desktopDenominator="2"
tabletNumerator="1" tabletDenominator="1" phoneNumerator="1"
phoneDenominator="1">
<j:Card>
diff --git a/examples/royale/TourDeJewel/src/main/royale/TabBarPlayGround.mxml
b/examples/royale/TourDeJewel/src/main/royale/TabBarPlayGround.mxml
index 9516442..4839e0f 100644
--- a/examples/royale/TourDeJewel/src/main/royale/TabBarPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/TabBarPlayGround.mxml
@@ -91,15 +91,11 @@ limitations under the License.
<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>
+ <c:ExampleHeader title="Jewel TabBar">
+ <c:description>
+ <![CDATA[<strong>Jewel TabBar</strong>
examples.]]>
+ </c:description>
+ </c:ExampleHeader>
<j:GridCell desktopNumerator="1" desktopDenominator="1"
tabletNumerator="1" tabletDenominator="1" phoneNumerator="1"
phoneDenominator="1">
<j:Card>
diff --git a/examples/royale/TourDeJewel/src/main/royale/TablePlayGround.mxml
b/examples/royale/TourDeJewel/src/main/royale/TablePlayGround.mxml
index e55427d..adcaf77 100644
--- a/examples/royale/TourDeJewel/src/main/royale/TablePlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/TablePlayGround.mxml
@@ -37,15 +37,11 @@ limitations under the License.
<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>
+ <c:ExampleHeader title="Jewel Table">
+ <c:description>
+ <![CDATA[<strong>Jewel Table</strong>
examples.]]>
+ </c:description>
+ </c:ExampleHeader>
<j:GridCell desktopNumerator="1" desktopDenominator="1"
tabletNumerator="1" tabletDenominator="1" phoneNumerator="1"
phoneDenominator="1">
<j:Card>
diff --git
a/examples/royale/TourDeJewel/src/main/royale/TextInputPlayGround.mxml
b/examples/royale/TourDeJewel/src/main/royale/TextInputPlayGround.mxml
index aef368f..79ddbc1 100644
--- a/examples/royale/TourDeJewel/src/main/royale/TextInputPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/TextInputPlayGround.mxml
@@ -53,15 +53,11 @@ limitations under the License.
<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>
+ <c:ExampleHeader title="Jewel TextInput">
+ <c:description>
+ <![CDATA[<strong>Jewel TextInput</strong>
examples.]]>
+ </c:description>
+ </c:ExampleHeader>
<j:GridCell wideScreenNumerator="1" wideScreenDenominator="2"
desktopNumerator="1" desktopDenominator="2" tabletNumerator="1"
tabletDenominator="2" phoneNumerator="1" phoneDenominator="1">
<j:Card>
diff --git
a/examples/royale/TourDeJewel/src/main/royale/ViewStatesPlayGround.mxml
b/examples/royale/TourDeJewel/src/main/royale/ViewStatesPlayGround.mxml
index b74d7d8..4fbd634 100644
--- a/examples/royale/TourDeJewel/src/main/royale/ViewStatesPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/ViewStatesPlayGround.mxml
@@ -28,15 +28,11 @@ limitations under the License.
<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:ExampleHeader title="Jewel View States">
+ <c:description>
+ <![CDATA[<strong>Jewel ViewStates</strong>
examples.]]>
+ </c:description>
+ </c:ExampleHeader>
<c:ViewStatesIncludeIn/>
diff --git
a/examples/royale/TourDeJewel/src/main/royale/VirtualListsPlayGround.mxml
b/examples/royale/TourDeJewel/src/main/royale/VirtualListsPlayGround.mxml
index a2a71a2..a19c9fd 100644
--- a/examples/royale/TourDeJewel/src/main/royale/VirtualListsPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/VirtualListsPlayGround.mxml
@@ -96,15 +96,11 @@ limitations under the License.
<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>
+ <c:ExampleHeader title="Jewel Virtualization">
+ <c:description>
+ <![CDATA[<strong>Jewel Virtualization</strong>
examples.]]>
+ </c:description>
+ </c:ExampleHeader>
<j:GridCell desktopNumerator="1" desktopDenominator="1"
tabletNumerator="1" tabletDenominator="1" phoneNumerator="1"
phoneDenominator="1">
<j:Card>
diff --git a/examples/royale/TourDeJewel/src/main/royale/WizardPlayGround.mxml
b/examples/royale/TourDeJewel/src/main/royale/WizardPlayGround.mxml
index 25b6501..14bc057 100644
--- a/examples/royale/TourDeJewel/src/main/royale/WizardPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/WizardPlayGround.mxml
@@ -58,15 +58,11 @@ limitations under the License.
<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 Wizard"
className="emphasized-dark"/>
-
- <j:Label multiline="true">
- <j:html><![CDATA[<p>Jewel Wizard
examples.</p>]]></j:html>
- </j:Label>
- </j:VGroup>
- </j:GridCell>
+ <c:ExampleHeader title="Jewel Wizard">
+ <c:description>
+ <![CDATA[<strong>Jewel Wizard</strong>
examples.]]>
+ </c:description>
+ </c:ExampleHeader>
<j:GridCell desktopNumerator="1" desktopDenominator="1"
tabletNumerator="1" tabletDenominator="1" phoneNumerator="1"
phoneDenominator="1">
<j:Card>
diff --git
a/examples/royale/TourDeJewel/src/main/royale/components/ExampleHeader.mxml
b/examples/royale/TourDeJewel/src/main/royale/components/ExampleHeader.mxml
new file mode 100644
index 0000000..b6ef336
--- /dev/null
+++ b/examples/royale/TourDeJewel/src/main/royale/components/ExampleHeader.mxml
@@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+Licensed to the Apache Software Foundation (ASF) under one or more
+contributor license agreements. See the NOTICE file distributed with
+this work for additional information regarding copyright ownership.
+The ASF licenses this file to You under the Apache License, Version 2.0
+(the "License"); you may not use this file except in compliance with
+the License. You may obtain a copy of the License at
+
+http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+
+-->
+<j:GridCell xmlns:fx="http://ns.adobe.com/mxml/2009";
+ xmlns:j="library://ns.apache.org/royale/jewel"
+ xmlns:js="library://ns.apache.org/royale/basic"
+ xmlns:html="library://ns.apache.org/royale/html"
+ desktopNumerator="1" desktopDenominator="1"
+ tabletNumerator="1" tabletDenominator="1"
+ phoneNumerator="1" phoneDenominator="1">
+
+ <fx:Script>
+ <![CDATA[
+ [Bindable]
+ public var title:String;
+
+ [Bindable]
+ public var description:String;
+ ]]>
+ </fx:Script>
+
+ <j:beads>
+ <js:ContainerDataBinding/>
+ </j:beads>
+
+ <j:VGroup>
+ <html:H1 text="{title}" className="emphasized-dark"/>
+ <html:P innerHTML="{description}"/>
+ </j:VGroup>
+
+</j:GridCell>
\ No newline at end of file
