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 2018/12/27 00:37:21 UTC
[royale-asjs] branch develop updated: format all tour de jewel mxml
code to show better in Tour de Jewel Source Code tab
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 05cb86f format all tour de jewel mxml code to show better in Tour de Jewel Source Code tab
05cb86f is described below
commit 05cb86f7bfbecdc197da44da7337d051b3dcba7b
Author: Carlos Rovira <ca...@apache.org>
AuthorDate: Thu Dec 27 01:37:11 2018 +0100
format all tour de jewel mxml code to show better in Tour de Jewel Source Code tab
---
.../src/main/royale/AlertPlayGround.mxml | 33 +-
.../royale/TourDeJewel/src/main/royale/App.mxml | 10 +-
.../src/main/royale/ButtonPlayGround.mxml | 42 +-
.../src/main/royale/CardPlayGround.mxml | 12 +-
.../src/main/royale/CheckBoxPlayGround.mxml | 14 +-
.../src/main/royale/ComboBoxPlayGround.mxml | 73 +---
.../src/main/royale/DateComponentsPlayGround.mxml | 54 ++-
.../src/main/royale/DropDownListPlayGround.mxml | 194 +++------
.../src/main/royale/FormsValidationPlayGround.mxml | 14 +-
.../src/main/royale/GridPlayGround.mxml | 440 ++++++---------------
.../src/main/royale/HeadingsAndText.mxml | 17 +-
.../src/main/royale/ImagePlayGround.mxml | 30 +-
.../src/main/royale/LabelPlayGround.mxml | 19 +-
.../src/main/royale/LayoutsPlayGround.mxml | 70 ++--
.../src/main/royale/ListPlayGround.mxml | 69 ++--
.../TourDeJewel/src/main/royale/MainContent.mxml | 28 +-
.../src/main/royale/MiscelaneaPlayGound.mxml | 18 +-
.../src/main/royale/NumericStepperPlayGround.mxml | 14 +-
.../src/main/royale/PopUpViewPlayGround.mxml | 30 +-
.../src/main/royale/RadioButtonPlayGround.mxml | 12 +-
.../src/main/royale/SliderPlayGround.mxml | 31 +-
.../src/main/royale/SnackbarPlayGround.mxml | 49 +--
.../src/main/royale/TabBarPlayGround.mxml | 30 +-
.../src/main/royale/TablePlayGround.mxml | 36 +-
.../src/main/royale/TextInputPlayGround.mxml | 53 +--
.../src/main/royale/ViewStatesPlayGround.mxml | 16 +-
.../src/main/royale/WelcomeSection.mxml | 32 +-
.../src/main/royale/WizardPlayGround.mxml | 36 +-
.../ExampleAndSourceCodeTabbedSectionContent.as | 12 +-
.../src/main/royale/components/FormExample.mxml | 21 +-
.../main/royale/components/SomePopUpContent.mxml | 12 +-
.../royale/components/ViewStatesDotNotation.mxml | 16 +-
.../royale/components/ViewStatesIncludeIn.mxml | 16 +-
.../royale/itemRenderers/IconListItemRenderer.mxml | 18 +-
.../NavigationIconLinkItemRenderer.mxml | 18 +-
.../itemRenderers/TabBarIconItemRenderer.mxml | 18 +-
.../TableCellCloseIconItemRenderer.mxml | 23 +-
37 files changed, 591 insertions(+), 1039 deletions(-)
diff --git a/examples/royale/TourDeJewel/src/main/royale/AlertPlayGround.mxml b/examples/royale/TourDeJewel/src/main/royale/AlertPlayGround.mxml
index 6e12f74..f1cf046 100644
--- a/examples/royale/TourDeJewel/src/main/royale/AlertPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/AlertPlayGround.mxml
@@ -17,14 +17,14 @@ See the License for the specific language governing permissions and
limitations under the License.
-->
-<c:ExampleAndSourceCodeTabbedSectionContent xmlns:fx="http://ns.adobe.com/mxml/2009"
- xmlns:j="library://ns.apache.org/royale/jewel"
- xmlns:html="library://ns.apache.org/royale/html"
- xmlns:js="library://ns.apache.org/royale/basic"
- xmlns:c="components.*"
- sourceCodeUrl="AlertPlayGround.mxml">
- <fx:Script>
- <![CDATA[
+<c:ExampleAndSourceCodeTabbedSectionContent xmlns:fx="http://ns.adobe.com/mxml/2009"
+ xmlns:j="library://ns.apache.org/royale/jewel"
+ xmlns:html="library://ns.apache.org/royale/html"
+ xmlns:js="library://ns.apache.org/royale/basic"
+ xmlns:c="components.*" sourceCodeUrl="AlertPlayGround.mxml">
+
+ <fx:Script>
+ <![CDATA[
import org.apache.royale.core.IBeadLayout;
import org.apache.royale.core.IBeadView;
import org.apache.royale.events.CloseEvent;
@@ -82,26 +82,23 @@ limitations under the License.
status.text="You answered No";
}
]]>
- </fx:Script>
+ </fx:Script>
<j:Card width="350">
<html:H3 text="Jewel Alert"/>
-
+
<!-- Alert 1-->
- <j:Label text="Click the button below to display a simple Alert window"
- multiline="true"/>
+ <j:Label text="Click the button below to display a simple Alert window" multiline="true"/>
<j:Button text="Click Me" click="Alert.show('This is an Alert component example that shows a label text and the default OK button.', 'Alert Example')"/>
<!-- Alert 2-->
- <j:Label text="Click the button below to display an Alert window and capture the button pressed by the user."
- multiline="true"/>
+ <j:Label text="Click the button below to display an Alert window and capture the button pressed by the user." multiline="true"/>
<j:Button text="Click Me" click="clickHandler(event)"/>
<j:Label id="status"/>
-
+
<!-- Alert 3 (Complex Example)-->
- <j:Label text="This is a complex example that add and retrieve beads at runtime. Click the button below to display an Alert window that add content and make changes in some layout parts."
- multiline="true"/>
+ <j:Label text="This is a complex example that add and retrieve beads at runtime. Click the button below to display an Alert window that add content and make changes in some layout parts." multiline="true"/>
<j:Button text="Click Me" click="clickHandler2(event)"/>
</j:Card>
-
+
</c:ExampleAndSourceCodeTabbedSectionContent>
diff --git a/examples/royale/TourDeJewel/src/main/royale/App.mxml b/examples/royale/TourDeJewel/src/main/royale/App.mxml
index dd54061..f94a869 100644
--- a/examples/royale/TourDeJewel/src/main/royale/App.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/App.mxml
@@ -18,13 +18,13 @@
//
////////////////////////////////////////////////////////////////////////////////
-->
-<j:Application 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:local="*">
+<j:Application 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:local="*">
<fx:Style source="../../main/resources/jewel-example-styles.css"/>
-
+
<j:valuesImpl>
<js:SimpleCSSValuesImpl />
</j:valuesImpl>
diff --git a/examples/royale/TourDeJewel/src/main/royale/ButtonPlayGround.mxml b/examples/royale/TourDeJewel/src/main/royale/ButtonPlayGround.mxml
index 8190ecd..a451ff5 100644
--- a/examples/royale/TourDeJewel/src/main/royale/ButtonPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/ButtonPlayGround.mxml
@@ -17,12 +17,12 @@ See the License for the specific language governing permissions and
limitations under the License.
-->
-<c:ExampleAndSourceCodeTabbedSectionContent xmlns:fx="http://ns.adobe.com/mxml/2009"
- xmlns:j="library://ns.apache.org/royale/jewel"
- xmlns:html="library://ns.apache.org/royale/html"
- xmlns:js="library://ns.apache.org/royale/basic"
- xmlns:c="components.*"
- sourceCodeUrl="ButtonPlayGround.mxml">
+<c:ExampleAndSourceCodeTabbedSectionContent xmlns:fx="http://ns.adobe.com/mxml/2009"
+ xmlns:j="library://ns.apache.org/royale/jewel"
+ xmlns:html="library://ns.apache.org/royale/html"
+ xmlns:js="library://ns.apache.org/royale/basic"
+ xmlns:c="components.*" sourceCodeUrl="ButtonPlayGround.mxml">
+
<fx:Script>
<![CDATA[
private function clickHandler(event:MouseEvent):void {
@@ -37,18 +37,16 @@ limitations under the License.
}
]]>
</fx:Script>
-
+
<j:beads>
- <js:ContainerDataBinding/>
- </j:beads>
+ <js:ContainerDataBinding/>
+ </j:beads>
<j:Grid gap="true" itemsVerticalAlign="itemsSameHeight">
- <j:GridCell desktopNumerator="1" desktopDenominator="2"
- tabletNumerator="1" tabletDenominator="2"
- phoneNumerator="1" phoneDenominator="1">
+ <j:GridCell desktopNumerator="1" desktopDenominator="2" tabletNumerator="1" tabletDenominator="2" phoneNumerator="1" phoneDenominator="1">
<j:Card>
<html:H3 text="Jewel Button"/>
-
+
<j:Button text="Default" id="button" click="clickHandler(event)"/>
<j:Button text="Button With More Text"/>
<j:Button text="Primary" emphasis="{Button.PRIMARY}"/>
@@ -61,12 +59,10 @@ limitations under the License.
</j:Button>
</j:Card>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="2"
- tabletNumerator="1" tabletDenominator="2"
- phoneNumerator="1" phoneDenominator="1">
+ <j:GridCell desktopNumerator="1" desktopDenominator="2" tabletNumerator="1" tabletDenominator="2" phoneNumerator="1" phoneDenominator="1">
<j:Card>
<html:H4 text="Button Sizes"/>
-
+
<j:Button text="xsmall">
<j:beads>
<j:SizeControl size="{SizeControl.XSMALL}"/>
@@ -91,12 +87,10 @@ limitations under the License.
</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:GridCell desktopNumerator="1" desktopDenominator="2" tabletNumerator="1" tabletDenominator="2" phoneNumerator="1" phoneDenominator="1">
<j:Card>
<html:H4 text="Button with Icons"/>
-
+
<j:IconButton text="print" emphasis="primary">
<j:icon>
<js:FontIcon text="{MaterialIconType.PRINT}" material="true"/>
@@ -109,12 +103,10 @@ limitations under the License.
</j:IconButton>
</j:Card>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="2"
- tabletNumerator="1" tabletDenominator="2"
- phoneNumerator="1" phoneDenominator="1">
+ <j:GridCell desktopNumerator="1" desktopDenominator="2" tabletNumerator="1" tabletDenominator="2" phoneNumerator="1" phoneDenominator="1">
<j:Card>
<html:H4 text="Button size"/>
-
+
<j:HGroup gap="3" itemsVerticalAlign="itemsSameHeight">
<j:Button id="reizableButton" text="Resize {slider_w.value}x{slider_h.value}" emphasis="{Button.PRIMARY}"/>
<j:Button text="check layout"/>
diff --git a/examples/royale/TourDeJewel/src/main/royale/CardPlayGround.mxml b/examples/royale/TourDeJewel/src/main/royale/CardPlayGround.mxml
index cab3e62..3ccdebd 100644
--- a/examples/royale/TourDeJewel/src/main/royale/CardPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/CardPlayGround.mxml
@@ -17,12 +17,12 @@ See the License for the specific language governing permissions and
limitations under the License.
-->
-<c:ExampleAndSourceCodeTabbedSectionContent xmlns:fx="http://ns.adobe.com/mxml/2009"
- xmlns:j="library://ns.apache.org/royale/jewel"
- xmlns:html="library://ns.apache.org/royale/html"
- xmlns:js="library://ns.apache.org/royale/basic"
- xmlns:c="components.*"
- sourceCodeUrl="CardPlayGround.mxml">
+<c:ExampleAndSourceCodeTabbedSectionContent xmlns:fx="http://ns.adobe.com/mxml/2009"
+ xmlns:j="library://ns.apache.org/royale/jewel"
+ xmlns:html="library://ns.apache.org/royale/html"
+ xmlns:js="library://ns.apache.org/royale/basic"
+ xmlns:c="components.*" sourceCodeUrl="CardPlayGround.mxml">
+
<j:Card width="600">
<html:H3 text="items expand test"/>
diff --git a/examples/royale/TourDeJewel/src/main/royale/CheckBoxPlayGround.mxml b/examples/royale/TourDeJewel/src/main/royale/CheckBoxPlayGround.mxml
index 7885b50..c9bc7f3 100644
--- a/examples/royale/TourDeJewel/src/main/royale/CheckBoxPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/CheckBoxPlayGround.mxml
@@ -17,13 +17,13 @@ See the License for the specific language governing permissions and
limitations under the License.
-->
-<c:ExampleAndSourceCodeTabbedSectionContent xmlns:fx="http://ns.adobe.com/mxml/2009"
- xmlns:j="library://ns.apache.org/royale/jewel"
- xmlns:html="library://ns.apache.org/royale/html"
- xmlns:js="library://ns.apache.org/royale/basic"
- xmlns:c="components.*"
- sourceCodeUrl="CheckBoxPlayGround.mxml">
- <j:Card width="350">
+<c:ExampleAndSourceCodeTabbedSectionContent xmlns:fx="http://ns.adobe.com/mxml/2009"
+ xmlns:j="library://ns.apache.org/royale/jewel"
+ xmlns:html="library://ns.apache.org/royale/html"
+ xmlns:js="library://ns.apache.org/royale/basic"
+ xmlns:c="components.*" sourceCodeUrl="CheckBoxPlayGround.mxml">
+
+ <j:Card width="350">
<html:H3 text="Jewel CheckBox"/>
<j:CheckBox text="Not Checkbox"/>
diff --git a/examples/royale/TourDeJewel/src/main/royale/ComboBoxPlayGround.mxml b/examples/royale/TourDeJewel/src/main/royale/ComboBoxPlayGround.mxml
index 5734ac3..d61ba09 100644
--- a/examples/royale/TourDeJewel/src/main/royale/ComboBoxPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/ComboBoxPlayGround.mxml
@@ -17,13 +17,13 @@ See the License for the specific language governing permissions and
limitations under the License.
-->
-<c:ExampleAndSourceCodeTabbedSectionContent xmlns:fx="http://ns.adobe.com/mxml/2009"
- xmlns:j="library://ns.apache.org/royale/jewel"
- xmlns:html="library://ns.apache.org/royale/html"
- xmlns:js="library://ns.apache.org/royale/basic"
- xmlns:c="components.*"
- xmlns:models="models.*"
- sourceCodeUrl="ComboBoxPlayGround.mxml">
+<c:ExampleAndSourceCodeTabbedSectionContent xmlns:fx="http://ns.adobe.com/mxml/2009"
+ xmlns:j="library://ns.apache.org/royale/jewel"
+ xmlns:html="library://ns.apache.org/royale/html"
+ xmlns:js="library://ns.apache.org/royale/basic"
+ xmlns:c="components.*"
+ xmlns:models="models.*" sourceCodeUrl="ComboBoxPlayGround.mxml">
+
<fx:Script>
<![CDATA[
import vos.IconListVO;
@@ -74,23 +74,18 @@ limitations under the License.
</j:beads>
<j:model>
- <models:ListsModel id="listModel"/>
+ <models:ListsModel id="listModel"/>
</j:model>
<j:Grid gap="true" itemsVerticalAlign="itemsSameHeight">
- <j:GridCell desktopNumerator="1" desktopDenominator="1"
- 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 ComboBox (String Collection)"/>
<j:Grid gap="true" itemsVerticalAlign="itemsCentered">
- <j:GridCell desktopNumerator="1" desktopDenominator="3"
- tabletNumerator="1" tabletDenominator="3"
- phoneNumerator="1" phoneDenominator="1"
- itemsVerticalAlign="itemsCentered" width="290">
+ <j:GridCell desktopNumerator="1" desktopDenominator="3" tabletNumerator="1" tabletDenominator="3" phoneNumerator="1" phoneDenominator="1" itemsVerticalAlign="itemsCentered" width="290">
<j:ComboBox id="watchmenComboBox" dataProvider="{listModel.watchmen}">
<j:beads>
<j:ComboBoxTextPrompt prompt="Watchmen Team..."/>
@@ -98,56 +93,38 @@ limitations under the License.
</j:ComboBox>
<j:Button text="Assign new data" click="assignNewData()"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="3"
- tabletNumerator="1" tabletDenominator="3"
- phoneNumerator="1" phoneDenominator="1"
- itemsVerticalAlign="itemsCentered" width="290">
+ <j:GridCell desktopNumerator="1" desktopDenominator="3" tabletNumerator="1" tabletDenominator="3" phoneNumerator="1" phoneDenominator="1" itemsVerticalAlign="itemsCentered" width="290">
<j:HGroup gap="3" itemsVerticalAlign="itemsCentered">
<j:Label text="Select Index: "/>
<j:NumericStepper valueChange="watchmenComboBox.selectedIndex = event.target.value" minimum="0" maximum="5"/>
</j:HGroup>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="3"
- tabletNumerator="1" tabletDenominator="3"
- phoneNumerator="1" phoneDenominator="1"
- itemsVerticalAlign="itemsCentered" width="290">
+ <j:GridCell desktopNumerator="1" desktopDenominator="3" tabletNumerator="1" tabletDenominator="3" phoneNumerator="1" phoneDenominator="1" itemsVerticalAlign="itemsCentered" width="290">
<j:Label id="watchmenComboBoxResult" html="{describeItem(watchmenComboBox.selectedItem)}"/>
</j:GridCell>
</j:Grid>
</j:Card>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="1"
- 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 ComboBox (Object Collection)"/>
<j:Grid gap="true" itemsVerticalAlign="itemsCentered">
- <j:GridCell desktopNumerator="1" desktopDenominator="3"
- tabletNumerator="1" tabletDenominator="3"
- phoneNumerator="1" phoneDenominator="1"
- itemsVerticalAlign="itemsCentered" width="290">
- <j:ComboBox id="avengersComboBox" width="140" labelField="label"
- dataProvider="{listModel.avengers}">
+ <j:GridCell desktopNumerator="1" desktopDenominator="3" tabletNumerator="1" tabletDenominator="3" phoneNumerator="1" phoneDenominator="1" itemsVerticalAlign="itemsCentered" width="290">
+ <j:ComboBox id="avengersComboBox" width="140" labelField="label" dataProvider="{listModel.avengers}">
<j:beads>
<j:ComboBoxTextPrompt prompt="Avengers Team..."/>
</j:beads>
</j:ComboBox>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="3"
- tabletNumerator="1" tabletDenominator="3"
- phoneNumerator="1" phoneDenominator="1"
- itemsVerticalAlign="itemsCentered" width="290">
+ <j:GridCell desktopNumerator="1" desktopDenominator="3" tabletNumerator="1" tabletDenominator="3" phoneNumerator="1" phoneDenominator="1" itemsVerticalAlign="itemsCentered" width="290">
<j:HGroup gap="3" itemsVerticalAlign="itemsCentered">
<j:Label text="Select Index: "/>
<j:NumericStepper valueChange="avengersComboBox.selectedIndex = event.target.value" minimum="0" maximum="8"/>
</j:HGroup>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="3"
- tabletNumerator="1" tabletDenominator="3"
- phoneNumerator="1" phoneDenominator="1"
- itemsVerticalAlign="itemsCentered" width="290">
+ <j:GridCell desktopNumerator="1" desktopDenominator="3" tabletNumerator="1" tabletDenominator="3" phoneNumerator="1" phoneDenominator="1" itemsVerticalAlign="itemsCentered" width="290">
<j:Label id="avengersComboBoxResult" html="{describeItem(avengersComboBox.selectedItem)}"/>
</j:GridCell>
</j:Grid>
@@ -157,9 +134,7 @@ limitations under the License.
<j:Grid gap="true" itemsVerticalAlign="itemsSameHeight">
- <j:GridCell desktopNumerator="1" desktopDenominator="1"
- 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 ComboBox Resize"/>
@@ -177,9 +152,7 @@ limitations under the License.
</j:Grid>
<j:Grid gap="true" itemsVerticalAlign="itemsSameHeight">
- <j:GridCell desktopNumerator="1" desktopDenominator="1"
- 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 ComboBox selectedIndex: {cmb1.selectedIndex}"/>
@@ -191,9 +164,7 @@ limitations under the License.
</j:Grid>
<j:Grid gap="true" itemsVerticalAlign="itemsSameHeight">
- <j:GridCell desktopNumerator="1" desktopDenominator="1"
- 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 ComboBox selectedItem"/>
@@ -208,9 +179,7 @@ limitations under the License.
<j:Grid gap="true" itemsVerticalAlign="itemsSameHeight">
- <j:GridCell desktopNumerator="1" desktopDenominator="1"
- 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 ComboBox with Search Filter"/>
diff --git a/examples/royale/TourDeJewel/src/main/royale/DateComponentsPlayGround.mxml b/examples/royale/TourDeJewel/src/main/royale/DateComponentsPlayGround.mxml
index ad52323..f6946e7 100644
--- a/examples/royale/TourDeJewel/src/main/royale/DateComponentsPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/DateComponentsPlayGround.mxml
@@ -17,12 +17,12 @@ See the License for the specific language governing permissions and
limitations under the License.
-->
-<c:ExampleAndSourceCodeTabbedSectionContent xmlns:fx="http://ns.adobe.com/mxml/2009"
- xmlns:j="library://ns.apache.org/royale/jewel"
- xmlns:html="library://ns.apache.org/royale/html"
- xmlns:js="library://ns.apache.org/royale/basic"
- xmlns:c="components.*"
- sourceCodeUrl="DateComponentsPlayGround.mxml">
+<c:ExampleAndSourceCodeTabbedSectionContent xmlns:fx="http://ns.adobe.com/mxml/2009"
+ xmlns:j="library://ns.apache.org/royale/jewel"
+ xmlns:html="library://ns.apache.org/royale/html"
+ xmlns:js="library://ns.apache.org/royale/basic"
+ xmlns:c="components.*" sourceCodeUrl="DateComponentsPlayGround.mxml">
+
<fx:Script>
<![CDATA[
import org.apache.royale.html.accessories.DateFormatDDMMYYYY;
@@ -89,36 +89,30 @@ limitations under the License.
</fx:Script>
<j:beads>
- <js:ContainerDataBinding/>
- </j:beads>
+ <js:ContainerDataBinding/>
+ </j:beads>
<j:Grid gap="true">
- <j:GridCell desktopNumerator="1" desktopDenominator="2"
- tabletNumerator="1" tabletDenominator="2"
- phoneNumerator="1" phoneDenominator="1">
+ <j:GridCell desktopNumerator="1" desktopDenominator="2" tabletNumerator="1" tabletDenominator="2" phoneNumerator="1" phoneDenominator="1">
<j:Card>
<html:H3 text="Jewel DateChooser (Default)"/>
<j:DateChooser id="dateChooserDefault" change="dateChooserDefaultChanged()"/>
- <j:Label id="dateChooserDefaultSelectedDate" multiline="true" html="<strong>DateChooser selected date:</strong> " width="275"/>
+ <j:Label id="dateChooserDefaultSelectedDate" multiline="true" html="<strong>DateChooser selected date:</strong> " width="275"/>
</j:Card>
</j:GridCell>
-
- <j:GridCell desktopNumerator="1" desktopDenominator="2"
- tabletNumerator="1" tabletDenominator="2"
- phoneNumerator="1" phoneDenominator="1">
+
+ <j:GridCell desktopNumerator="1" desktopDenominator="2" tabletNumerator="1" tabletDenominator="2" phoneNumerator="1" phoneDenominator="1">
<j:Card>
<html:H3 text="Jewel DateChooser (Spanish)"/>
<j:DateChooser id="dateChooserES" change="dateChooserESChanged()" initComplete="configDateChooserToES()"/>
- <j:Label id="dateChooserESSelectedDate" multiline="true" html="<strong>DateChooser fecha seleccionada:</strong> " width="275"/>
+ <j:Label id="dateChooserESSelectedDate" multiline="true" html="<strong>DateChooser fecha seleccionada:</strong> " width="275"/>
</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:GridCell desktopNumerator="1" desktopDenominator="2" tabletNumerator="1" tabletDenominator="2" phoneNumerator="1" phoneDenominator="1">
<j:Card>
<html:H3 text="Jewel DateField (Default)"/>
@@ -128,16 +122,14 @@ limitations under the License.
<j:DateFieldTextPrompt prompt="MM/DD/YYYY"/>
</j:beads>
</j:DateField>
- <j:Button text="Select today" click="dateFieldToToday()" emphasis="primary"/>
- <j:Button text="Date to null" click="dateFieldToNull()" />
+ <j:Button text="Select today" click="dateFieldToToday()" emphasis="primary"/>
+ <j:Button text="Date to null" click="dateFieldToNull()" />
</j:HGroup>
<j:Label id="dateFieldDefaultSelectedDate" multiline="true" html="<strong>DateField selected date:</strong> "/>
</j:Card>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="2"
- tabletNumerator="1" tabletDenominator="2"
- phoneNumerator="1" phoneDenominator="1">
+ <j:GridCell desktopNumerator="1" desktopDenominator="2" tabletNumerator="1" tabletDenominator="2" phoneNumerator="1" phoneDenominator="1">
<j:Card>
<html:H3 text="Jewel DateField (Spanish)"/>
@@ -147,7 +139,7 @@ limitations under the License.
<j:DateFieldTextPrompt prompt="DD/MM/YYYY"/>
</j:beads>
</j:DateField>
- <j:Button text="Selecciona Hoy" click="dateFieldESToToday()" emphasis="primary"/>
+ <j:Button text="Selecciona Hoy" click="dateFieldESToToday()" emphasis="primary"/>
</j:HGroup>
<j:Label id="dateFieldESSelectedDate" multiline="true" html="<strong>DateField fecha seleccionada:</strong> "/>
</j:Card>
@@ -155,16 +147,14 @@ limitations under the License.
</j:Grid>
<j:Grid gap="true">
- <j:GridCell desktopNumerator="1" desktopDenominator="2"
- tabletNumerator="1" tabletDenominator="2"
- phoneNumerator="1" phoneDenominator="1">
+ <j:GridCell desktopNumerator="1" desktopDenominator="2" tabletNumerator="1" tabletDenominator="2" phoneNumerator="1" phoneDenominator="1">
<j:Card>
<html:H3 text="Jewel DateChooser - selectedDate: {someDate}"/>
<j:DateChooser id="dateChooserSelectedDate" change="dateChooserDefaultChanged()" selectedDate="{someDate}"/>
- <j:Label multiline="true" html="<strong>DateChooser selected date:</strong> {dateChooserSelectedDate.selectedDate}" width="275"/>
+ <j:Label multiline="true" html="<strong>DateChooser selected date:</strong> {dateChooserSelectedDate.selectedDate}" width="275"/>
</j:Card>
</j:GridCell>
</j:Grid>
-
+
</c:ExampleAndSourceCodeTabbedSectionContent>
diff --git a/examples/royale/TourDeJewel/src/main/royale/DropDownListPlayGround.mxml b/examples/royale/TourDeJewel/src/main/royale/DropDownListPlayGround.mxml
index 65cea4f..baf41b9 100644
--- a/examples/royale/TourDeJewel/src/main/royale/DropDownListPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/DropDownListPlayGround.mxml
@@ -17,13 +17,13 @@ See the License for the specific language governing permissions and
limitations under the License.
-->
-<c:ExampleAndSourceCodeTabbedSectionContent xmlns:fx="http://ns.adobe.com/mxml/2009"
- xmlns:j="library://ns.apache.org/royale/jewel"
- xmlns:html="library://ns.apache.org/royale/html"
- xmlns:js="library://ns.apache.org/royale/basic"
- xmlns:c="components.*"
- xmlns:models="models.*"
- sourceCodeUrl="DropDownListPlayGround.mxml">
+<c:ExampleAndSourceCodeTabbedSectionContent xmlns:fx="http://ns.adobe.com/mxml/2009"
+ xmlns:j="library://ns.apache.org/royale/jewel"
+ xmlns:html="library://ns.apache.org/royale/html"
+ xmlns:js="library://ns.apache.org/royale/basic"
+ xmlns:c="components.*"
+ xmlns:models="models.*" sourceCodeUrl="DropDownListPlayGround.mxml">
+
<fx:Script>
<![CDATA[
import vos.IconListVO;
@@ -56,278 +56,182 @@ limitations under the License.
</j:beads>
<j:model>
- <models:ListsModel id="listModel"/>
+ <models:ListsModel id="listModel"/>
</j:model>
<j:Grid gap="true" itemsVerticalAlign="itemsSameHeight">
- <j:GridCell desktopNumerator="1" desktopDenominator="1"
- 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 DropDownList (String Collection)"/>
<j:Grid gap="true" itemsVerticalAlign="itemsCentered">
- <j:GridCell desktopNumerator="1" desktopDenominator="3"
- tabletNumerator="1" tabletDenominator="3"
- phoneNumerator="1" phoneDenominator="1"
- itemsVerticalAlign="itemsCentered" width="290">
+ <j:GridCell desktopNumerator="1" desktopDenominator="3" tabletNumerator="1" tabletDenominator="3" phoneNumerator="1" phoneDenominator="1" itemsVerticalAlign="itemsCentered" width="290">
<j:DropDownList id="watchmenDropDownList_noPrompt" dataProvider="{listModel.watchmen}"/>
<j:Button text="deselect" click="watchmenDropDownList_noPrompt.selectedIndex = -1"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="3"
- tabletNumerator="1" tabletDenominator="3"
- phoneNumerator="1" phoneDenominator="1"
- itemsVerticalAlign="itemsCentered" width="290">
+ <j:GridCell desktopNumerator="1" desktopDenominator="3" tabletNumerator="1" tabletDenominator="3" phoneNumerator="1" phoneDenominator="1" itemsVerticalAlign="itemsCentered" width="290">
<j:HGroup gap="3" itemsVerticalAlign="itemsCentered">
<j:Label text="Select Index: "/>
<j:NumericStepper valueChange="watchmenDropDownList_noPrompt.selectedIndex = event.target.value" minimum="0" maximum="5"/>
</j:HGroup>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="3"
- tabletNumerator="1" tabletDenominator="3"
- phoneNumerator="1" phoneDenominator="1"
- itemsVerticalAlign="itemsCentered" width="290">
- <j:Label id="watchmenDropDownListResult_noPrompt"
- html="{describeItem(watchmenDropDownList_noPrompt.selectedItem)}"/>
+ <j:GridCell desktopNumerator="1" desktopDenominator="3" tabletNumerator="1" tabletDenominator="3" phoneNumerator="1" phoneDenominator="1" itemsVerticalAlign="itemsCentered" width="290">
+ <j:Label id="watchmenDropDownListResult_noPrompt" html="{describeItem(watchmenDropDownList_noPrompt.selectedItem)}"/>
</j:GridCell>
</j:Grid>
</j:Card>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="1"
- 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 DropDownList (Object Collection)"/>
<j:Grid gap="true" itemsVerticalAlign="itemsCentered">
- <j:GridCell desktopNumerator="1" desktopDenominator="3"
- tabletNumerator="1" tabletDenominator="3"
- phoneNumerator="1" phoneDenominator="1"
- itemsVerticalAlign="itemsCentered" width="290">
- <j:DropDownList id="avengersDropDownList_noPrompt" labelField="label"
- dataProvider="{listModel.avengers}" />
+ <j:GridCell desktopNumerator="1" desktopDenominator="3" tabletNumerator="1" tabletDenominator="3" phoneNumerator="1" phoneDenominator="1" itemsVerticalAlign="itemsCentered" width="290">
+ <j:DropDownList id="avengersDropDownList_noPrompt" labelField="label" dataProvider="{listModel.avengers}" />
<j:Button text="deselect" click="avengersDropDownList_noPrompt.selectedIndex = -1"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="3"
- tabletNumerator="1" tabletDenominator="3"
- phoneNumerator="1" phoneDenominator="1"
- itemsVerticalAlign="itemsCentered" width="290">
+ <j:GridCell desktopNumerator="1" desktopDenominator="3" tabletNumerator="1" tabletDenominator="3" phoneNumerator="1" phoneDenominator="1" itemsVerticalAlign="itemsCentered" width="290">
<j:HGroup gap="3" itemsVerticalAlign="itemsCentered">
<j:Label text="Select Index: "/>
<j:NumericStepper valueChange="avengersDropDownList_noPrompt.selectedIndex = event.target.value" minimum="0" maximum="8"/>
</j:HGroup>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="3"
- tabletNumerator="1" tabletDenominator="3"
- phoneNumerator="1" phoneDenominator="1"
- itemsVerticalAlign="itemsCentered" width="290">
- <j:Label id="avengersDropDownListResult_noPrompt"
- html="{describeItem(avengersDropDownList_noPrompt.selectedItem)}"/>
+ <j:GridCell desktopNumerator="1" desktopDenominator="3" tabletNumerator="1" tabletDenominator="3" phoneNumerator="1" phoneDenominator="1" itemsVerticalAlign="itemsCentered" width="290">
+ <j:Label id="avengersDropDownListResult_noPrompt" html="{describeItem(avengersDropDownList_noPrompt.selectedItem)}"/>
</j:GridCell>
</j:Grid>
</j:Card>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="1"
- 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 DropDownList (String Collection) with Prompt"/>
<j:Grid gap="true" itemsVerticalAlign="itemsCentered">
- <j:GridCell desktopNumerator="1" desktopDenominator="3"
- tabletNumerator="1" tabletDenominator="3"
- phoneNumerator="1" phoneDenominator="1"
- itemsVerticalAlign="itemsCentered" width="290">
- <j:DropDownList id="watchmenDropDownList"
- dataProvider="{listModel.watchmen}">
+ <j:GridCell desktopNumerator="1" desktopDenominator="3" tabletNumerator="1" tabletDenominator="3" phoneNumerator="1" phoneDenominator="1" itemsVerticalAlign="itemsCentered" width="290">
+ <j:DropDownList id="watchmenDropDownList" dataProvider="{listModel.watchmen}">
<j:beads>
<j:DropDownListTextPrompt prompt="Select Watchmen..."/>
</j:beads>
</j:DropDownList>
<j:Button text="deselect" click="watchmenDropDownList.selectedIndex = -1"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="3"
- tabletNumerator="1" tabletDenominator="3"
- phoneNumerator="1" phoneDenominator="1"
- itemsVerticalAlign="itemsCentered" width="290">
+ <j:GridCell desktopNumerator="1" desktopDenominator="3" tabletNumerator="1" tabletDenominator="3" phoneNumerator="1" phoneDenominator="1" itemsVerticalAlign="itemsCentered" width="290">
<j:HGroup gap="3" itemsVerticalAlign="itemsCentered">
<j:Label text="Select Index: "/>
<j:NumericStepper valueChange="watchmenDropDownList.selectedIndex = event.target.value" minimum="0" maximum="5"/>
</j:HGroup>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="3"
- tabletNumerator="1" tabletDenominator="3"
- phoneNumerator="1" phoneDenominator="1"
- itemsVerticalAlign="itemsCentered" width="290">
- <j:Label id="watchmenDropDownListResult"
- html="{describeItem(watchmenDropDownList.selectedItem)}"/>
+ <j:GridCell desktopNumerator="1" desktopDenominator="3" tabletNumerator="1" tabletDenominator="3" phoneNumerator="1" phoneDenominator="1" itemsVerticalAlign="itemsCentered" width="290">
+ <j:Label id="watchmenDropDownListResult" html="{describeItem(watchmenDropDownList.selectedItem)}"/>
</j:GridCell>
</j:Grid>
</j:Card>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="1"
- 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 DropDownList (Object Collection) with Prompt"/>
<j:Grid gap="true" itemsVerticalAlign="itemsCentered">
- <j:GridCell desktopNumerator="1" desktopDenominator="3"
- tabletNumerator="1" tabletDenominator="3"
- phoneNumerator="1" phoneDenominator="1"
- itemsVerticalAlign="itemsCentered" width="290">
- <j:DropDownList id="avengersDropDownList"
- labelField="label"
- dataProvider="{listModel.avengers}">
+ <j:GridCell desktopNumerator="1" desktopDenominator="3" tabletNumerator="1" tabletDenominator="3" phoneNumerator="1" phoneDenominator="1" itemsVerticalAlign="itemsCentered" width="290">
+ <j:DropDownList id="avengersDropDownList" labelField="label" dataProvider="{listModel.avengers}">
<j:beads>
<j:DropDownListTextPrompt prompt="Select Avengers..."/>
</j:beads>
</j:DropDownList>
<j:Button text="deselect" click="avengersDropDownList.selectedIndex = -1"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="3"
- tabletNumerator="1" tabletDenominator="3"
- phoneNumerator="1" phoneDenominator="1"
- itemsVerticalAlign="itemsCentered" width="290">
+ <j:GridCell desktopNumerator="1" desktopDenominator="3" tabletNumerator="1" tabletDenominator="3" phoneNumerator="1" phoneDenominator="1" itemsVerticalAlign="itemsCentered" width="290">
<j:HGroup gap="3" itemsVerticalAlign="itemsCentered">
<j:Label text="Select Index: "/>
<j:NumericStepper valueChange="avengersDropDownList.selectedIndex = event.target.value" minimum="0" maximum="8"/>
</j:HGroup>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="3"
- tabletNumerator="1" tabletDenominator="3"
- phoneNumerator="1" phoneDenominator="1"
- itemsVerticalAlign="itemsCentered" width="290">
- <j:Label id="avengersDropDownListResult"
- html="{describeItem(avengersDropDownList.selectedItem)}"/>
+ <j:GridCell desktopNumerator="1" desktopDenominator="3" tabletNumerator="1" tabletDenominator="3" phoneNumerator="1" phoneDenominator="1" itemsVerticalAlign="itemsCentered" width="290">
+ <j:Label id="avengersDropDownListResult" html="{describeItem(avengersDropDownList.selectedItem)}"/>
</j:GridCell>
</j:Grid>
</j:Card>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="1"
- 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 DropDownList (String Collection) with SelectedIndex: {watchmenDropDownList_withSelectedIndex.selectedIndex}"/>
<j:Grid gap="true" itemsVerticalAlign="itemsCentered">
- <j:GridCell desktopNumerator="1" desktopDenominator="3"
- tabletNumerator="1" tabletDenominator="3"
- phoneNumerator="1" phoneDenominator="1"
- itemsVerticalAlign="itemsCentered" width="290">
- <j:DropDownList id="watchmenDropDownList_withSelectedIndex"
- selectedIndex="3"
- dataProvider="{listModel.watchmen}" >
+ <j:GridCell desktopNumerator="1" desktopDenominator="3" tabletNumerator="1" tabletDenominator="3" phoneNumerator="1" phoneDenominator="1" itemsVerticalAlign="itemsCentered" width="290">
+ <j:DropDownList id="watchmenDropDownList_withSelectedIndex" selectedIndex="3" dataProvider="{listModel.watchmen}">
<j:beads>
<j:DropDownListTextPrompt prompt="Select Watchmen..."/>
</j:beads>
</j:DropDownList>
<j:Button text="deselect" click="watchmenDropDownList_withSelectedIndex.selectedIndex = -1"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="3"
- tabletNumerator="1" tabletDenominator="3"
- phoneNumerator="1" phoneDenominator="1"
- itemsVerticalAlign="itemsCentered" width="290">
+ <j:GridCell desktopNumerator="1" desktopDenominator="3" tabletNumerator="1" tabletDenominator="3" phoneNumerator="1" phoneDenominator="1" itemsVerticalAlign="itemsCentered" width="290">
<j:HGroup gap="3" itemsVerticalAlign="itemsCentered">
<j:Label text="Select Index: "/>
<j:NumericStepper valueChange="watchmenDropDownList_withSelectedIndex.selectedIndex = event.target.value" value="3" minimum="0" maximum="5"/>
</j:HGroup>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="3"
- tabletNumerator="1" tabletDenominator="3"
- phoneNumerator="1" phoneDenominator="1"
- itemsVerticalAlign="itemsCentered" width="290">
- <j:Label id="watchmenDropDownListResult_withSelectedIndex"
- html="{describeItem(watchmenDropDownList_withSelectedIndex.selectedItem)}"/>
+ <j:GridCell desktopNumerator="1" desktopDenominator="3" tabletNumerator="1" tabletDenominator="3" phoneNumerator="1" phoneDenominator="1" itemsVerticalAlign="itemsCentered" width="290">
+ <j:Label id="watchmenDropDownListResult_withSelectedIndex" html="{describeItem(watchmenDropDownList_withSelectedIndex.selectedItem)}"/>
</j:GridCell>
</j:Grid>
</j:Card>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="1"
- 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 DropDownList (Object Collection) with SelectedIndex: {avengersDropDownList_withSelectedIndex.selectedIndex}"/>
<j:Grid gap="true" itemsVerticalAlign="itemsCentered">
- <j:GridCell desktopNumerator="1" desktopDenominator="3"
- tabletNumerator="1" tabletDenominator="3"
- phoneNumerator="1" phoneDenominator="1"
- itemsVerticalAlign="itemsCentered" width="290">
- <j:DropDownList id="avengersDropDownList_withSelectedIndex"
- selectedIndex="4"
- labelField="label"
- dataProvider="{listModel.avengers}" >
+ <j:GridCell desktopNumerator="1" desktopDenominator="3" tabletNumerator="1" tabletDenominator="3" phoneNumerator="1" phoneDenominator="1" itemsVerticalAlign="itemsCentered" width="290">
+ <j:DropDownList id="avengersDropDownList_withSelectedIndex" selectedIndex="4" labelField="label" dataProvider="{listModel.avengers}">
<j:beads>
<j:DropDownListTextPrompt prompt="Select Avengers..."/>
</j:beads>
</j:DropDownList>
<j:Button text="deselect" click="avengersDropDownList_withSelectedIndex.selectedIndex = -1"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="3"
- tabletNumerator="1" tabletDenominator="3"
- phoneNumerator="1" phoneDenominator="1"
- itemsVerticalAlign="itemsCentered" width="290">
+ <j:GridCell desktopNumerator="1" desktopDenominator="3" tabletNumerator="1" tabletDenominator="3" phoneNumerator="1" phoneDenominator="1" itemsVerticalAlign="itemsCentered" width="290">
<j:HGroup gap="3" itemsVerticalAlign="itemsCentered">
<j:Label text="Select Index: "/>
<j:NumericStepper valueChange="avengersDropDownList_withSelectedIndex.selectedIndex = event.target.value" value="4" minimum="0" maximum="8"/>
</j:HGroup>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="3"
- tabletNumerator="1" tabletDenominator="3"
- phoneNumerator="1" phoneDenominator="1"
- itemsVerticalAlign="itemsCentered" width="290">
- <j:Label id="avengersDropDownListResult_withSelectedIndex"
- html="{describeItem(avengersDropDownList_withSelectedIndex.selectedItem)}"/>
+ <j:GridCell desktopNumerator="1" desktopDenominator="3" tabletNumerator="1" tabletDenominator="3" phoneNumerator="1" phoneDenominator="1" itemsVerticalAlign="itemsCentered" width="290">
+ <j:Label id="avengersDropDownListResult_withSelectedIndex" html="{describeItem(avengersDropDownList_withSelectedIndex.selectedItem)}"/>
</j:GridCell>
</j:Grid>
</j:Card>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="1"
- 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 DropDownList (Object Collection) with SelectedItem"/>
<j:Grid gap="true" itemsVerticalAlign="itemsCentered">
- <j:GridCell desktopNumerator="1" desktopDenominator="3"
- tabletNumerator="1" tabletDenominator="3"
- phoneNumerator="1" phoneDenominator="1"
- itemsVerticalAlign="itemsCentered" width="290">
- <j:DropDownList id="avengersDropDownList_withSelectedItem"
- labelField="label"
- dataProvider="{listModel.avengers}"
- selectedItem="{listModel.avengers.getItemAt(4)}">
+ <j:GridCell desktopNumerator="1" desktopDenominator="3" tabletNumerator="1" tabletDenominator="3" phoneNumerator="1" phoneDenominator="1" itemsVerticalAlign="itemsCentered" width="290">
+ <j:DropDownList id="avengersDropDownList_withSelectedItem" labelField="label" dataProvider="{listModel.avengers}" selectedItem="{listModel.avengers.getItemAt(4)}">
<j:beads>
<j:DropDownListTextPrompt prompt="Select Avengers..."/>
</j:beads>
</j:DropDownList>
<j:Button text="deselect" click="avengersDropDownList_withSelectedItem.selectedIndex = -1"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="3"
- tabletNumerator="1" tabletDenominator="3"
- phoneNumerator="1" phoneDenominator="1"
- itemsVerticalAlign="itemsCentered" width="290">
+ <j:GridCell desktopNumerator="1" desktopDenominator="3" tabletNumerator="1" tabletDenominator="3" phoneNumerator="1" phoneDenominator="1" itemsVerticalAlign="itemsCentered" width="290">
<j:HGroup gap="3" itemsVerticalAlign="itemsCentered">
<j:Label text="Select Index: "/>
<j:NumericStepper valueChange="avengersDropDownList_withSelectedItem.selectedIndex = event.target.value" minimum="0" maximum="8"/>
</j:HGroup>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="3"
- tabletNumerator="1" tabletDenominator="3"
- phoneNumerator="1" phoneDenominator="1"
- itemsVerticalAlign="itemsCentered" width="290">
- <j:Label id="avengersDropDownListResult_withSelectedItem"
- html="{describeItem(avengersDropDownList_withSelectedItem.selectedItem)}"/>
+ <j:GridCell desktopNumerator="1" desktopDenominator="3" tabletNumerator="1" tabletDenominator="3" phoneNumerator="1" phoneDenominator="1" itemsVerticalAlign="itemsCentered" width="290">
+ <j:Label id="avengersDropDownListResult_withSelectedItem" html="{describeItem(avengersDropDownList_withSelectedItem.selectedItem)}"/>
</j:GridCell>
</j:Grid>
</j:Card>
diff --git a/examples/royale/TourDeJewel/src/main/royale/FormsValidationPlayGround.mxml b/examples/royale/TourDeJewel/src/main/royale/FormsValidationPlayGround.mxml
index cf2153f..19d1c12 100644
--- a/examples/royale/TourDeJewel/src/main/royale/FormsValidationPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/FormsValidationPlayGround.mxml
@@ -17,16 +17,16 @@ See the License for the specific language governing permissions and
limitations under the License.
-->
-<c:ExampleAndSourceCodeTabbedSectionContent xmlns:fx="http://ns.adobe.com/mxml/2009"
- xmlns:j="library://ns.apache.org/royale/jewel"
- xmlns:html="library://ns.apache.org/royale/html"
- xmlns:js="library://ns.apache.org/royale/basic"
- xmlns:c="components.*"
- sourceCodeUrl="FormsValidationPlayGround.mxml">
+<c:ExampleAndSourceCodeTabbedSectionContent xmlns:fx="http://ns.adobe.com/mxml/2009"
+ xmlns:j="library://ns.apache.org/royale/jewel"
+ xmlns:html="library://ns.apache.org/royale/html"
+ xmlns:js="library://ns.apache.org/royale/basic"
+ xmlns:c="components.*" sourceCodeUrl="FormsValidationPlayGround.mxml">
+
<j:Card width="600">
<html:H3 text="Jewel Form And Validators"/>
<c:FormExample label="Form with validation example"/>
-
+
</j:Card>
</c:ExampleAndSourceCodeTabbedSectionContent>
diff --git a/examples/royale/TourDeJewel/src/main/royale/GridPlayGround.mxml b/examples/royale/TourDeJewel/src/main/royale/GridPlayGround.mxml
index a038595..840965b 100644
--- a/examples/royale/TourDeJewel/src/main/royale/GridPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/GridPlayGround.mxml
@@ -17,449 +17,293 @@ See the License for the specific language governing permissions and
limitations under the License.
-->
-<c:ExampleAndSourceCodeTabbedSectionContent xmlns:fx="http://ns.adobe.com/mxml/2009"
- xmlns:j="library://ns.apache.org/royale/jewel"
- xmlns:html="library://ns.apache.org/royale/html"
- xmlns:js="library://ns.apache.org/royale/basic"
- xmlns:c="components.*"
- sourceCodeUrl="DateComponentsPlayGround.mxml">
+<c:ExampleAndSourceCodeTabbedSectionContent xmlns:fx="http://ns.adobe.com/mxml/2009"
+ xmlns:j="library://ns.apache.org/royale/jewel"
+ xmlns:html="library://ns.apache.org/royale/html"
+ xmlns:js="library://ns.apache.org/royale/basic"
+ xmlns:c="components.*" sourceCodeUrl="DateComponentsPlayGround.mxml">
+
<fx:Script>
- <![CDATA[
+ <![CDATA[
[Bindable]
public var useGap:Boolean = true;
]]>
</fx:Script>
-
- <j:beads>
- <js:ContainerDataBinding/>
- </j:beads>
+
+ <j:beads>
+ <js:ContainerDataBinding/>
+ </j:beads>
<html:H3 text="Grids"/>
<j:CheckBox text="Turn Gap on/off" change="useGap = !useGap;" selected="true"/>
<j:Grid gap="{useGap}">
- <j:GridCell desktopNumerator="1" desktopDenominator="1"
- tabletNumerator="1" tabletDenominator="1"
- phoneNumerator="1" phoneDenominator="1">
+ <j:GridCell desktopNumerator="1" desktopDenominator="1" tabletNumerator="1" tabletDenominator="1" phoneNumerator="1" phoneDenominator="1">
<html:Div className="box" text="1"/>
</j:GridCell>
</j:Grid>
<j:Grid gap="{useGap}">
- <j:GridCell desktopNumerator="1" desktopDenominator="2"
- tabletNumerator="1" tabletDenominator="2"
- phoneNumerator="1" phoneDenominator="2">
+ <j:GridCell desktopNumerator="1" desktopDenominator="2" tabletNumerator="1" tabletDenominator="2" phoneNumerator="1" phoneDenominator="2">
<html:Div className="box" text="2"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="2"
- tabletNumerator="1" tabletDenominator="2"
- phoneNumerator="1" phoneDenominator="2">
+ <j:GridCell desktopNumerator="1" desktopDenominator="2" tabletNumerator="1" tabletDenominator="2" phoneNumerator="1" phoneDenominator="2">
<html:Div className="box" text="2"/>
</j:GridCell>
</j:Grid>
<j:Grid gap="{useGap}">
- <j:GridCell desktopNumerator="1" desktopDenominator="3"
- tabletNumerator="1" tabletDenominator="3"
- phoneNumerator="1" phoneDenominator="3">
+ <j:GridCell desktopNumerator="1" desktopDenominator="3" tabletNumerator="1" tabletDenominator="3" phoneNumerator="1" phoneDenominator="3">
<html:Div className="box" text="3"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="3"
- tabletNumerator="1" tabletDenominator="3"
- phoneNumerator="1" phoneDenominator="3">
+ <j:GridCell desktopNumerator="1" desktopDenominator="3" tabletNumerator="1" tabletDenominator="3" phoneNumerator="1" phoneDenominator="3">
<html:Div className="box" text="3"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="3"
- tabletNumerator="1" tabletDenominator="3"
- phoneNumerator="1" phoneDenominator="3">
+ <j:GridCell desktopNumerator="1" desktopDenominator="3" tabletNumerator="1" tabletDenominator="3" phoneNumerator="1" phoneDenominator="3">
<html:Div className="box" text="3"/>
</j:GridCell>
</j:Grid>
<j:Grid gap="{useGap}">
- <j:GridCell desktopNumerator="1" desktopDenominator="4"
- tabletNumerator="1" tabletDenominator="2"
- phoneNumerator="1" phoneDenominator="1">
+ <j:GridCell desktopNumerator="1" desktopDenominator="4" tabletNumerator="1" tabletDenominator="2" phoneNumerator="1" phoneDenominator="1">
<html:Div className="box" text="4"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="4"
- tabletNumerator="1" tabletDenominator="2"
- phoneNumerator="1" phoneDenominator="1">
+ <j:GridCell desktopNumerator="1" desktopDenominator="4" tabletNumerator="1" tabletDenominator="2" phoneNumerator="1" phoneDenominator="1">
<html:Div className="box" text="4"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="4"
- tabletNumerator="1" tabletDenominator="2"
- phoneNumerator="1" phoneDenominator="1">
+ <j:GridCell desktopNumerator="1" desktopDenominator="4" tabletNumerator="1" tabletDenominator="2" phoneNumerator="1" phoneDenominator="1">
<html:Div className="box" text="4"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="4"
- tabletNumerator="1" tabletDenominator="2"
- phoneNumerator="1" phoneDenominator="1">
+ <j:GridCell desktopNumerator="1" desktopDenominator="4" tabletNumerator="1" tabletDenominator="2" phoneNumerator="1" phoneDenominator="1">
<html:Div className="box" text="4"/>
</j:GridCell>
</j:Grid>
<j:Grid gap="{useGap}">
- <j:GridCell desktopNumerator="1" desktopDenominator="5"
- tabletNumerator="1" tabletDenominator="3"
- phoneNumerator="1" phoneDenominator="2">
+ <j:GridCell desktopNumerator="1" desktopDenominator="5" tabletNumerator="1" tabletDenominator="3" phoneNumerator="1" phoneDenominator="2">
<html:Div className="box" text="5"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="5"
- tabletNumerator="1" tabletDenominator="3"
- phoneNumerator="1" phoneDenominator="2">
+ <j:GridCell desktopNumerator="1" desktopDenominator="5" tabletNumerator="1" tabletDenominator="3" phoneNumerator="1" phoneDenominator="2">
<html:Div className="box" text="5"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="5"
- tabletNumerator="1" tabletDenominator="3"
- phoneNumerator="1" phoneDenominator="2">
+ <j:GridCell desktopNumerator="1" desktopDenominator="5" tabletNumerator="1" tabletDenominator="3" phoneNumerator="1" phoneDenominator="2">
<html:Div className="box" text="5"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="5"
- tabletNumerator="1" tabletDenominator="3"
- phoneNumerator="1" phoneDenominator="2">
+ <j:GridCell desktopNumerator="1" desktopDenominator="5" tabletNumerator="1" tabletDenominator="3" phoneNumerator="1" phoneDenominator="2">
<html:Div className="box" text="5"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="5"
- tabletNumerator="1" tabletDenominator="3"
- phoneNumerator="1" phoneDenominator="2">
+ <j:GridCell desktopNumerator="1" desktopDenominator="5" tabletNumerator="1" tabletDenominator="3" phoneNumerator="1" phoneDenominator="2">
<html:Div className="box" text="5"/>
</j:GridCell>
</j:Grid>
<j:Grid gap="{useGap}">
- <j:GridCell desktopNumerator="1" desktopDenominator="6"
- tabletNumerator="1" tabletDenominator="3"
- phoneNumerator="1" phoneDenominator="2">
+ <j:GridCell desktopNumerator="1" desktopDenominator="6" tabletNumerator="1" tabletDenominator="3" phoneNumerator="1" phoneDenominator="2">
<html:Div className="box" text="6"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="6"
- tabletNumerator="1" tabletDenominator="3"
- phoneNumerator="1" phoneDenominator="2">
+ <j:GridCell desktopNumerator="1" desktopDenominator="6" tabletNumerator="1" tabletDenominator="3" phoneNumerator="1" phoneDenominator="2">
<html:Div className="box" text="6"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="6"
- tabletNumerator="1" tabletDenominator="3"
- phoneNumerator="1" phoneDenominator="2">
+ <j:GridCell desktopNumerator="1" desktopDenominator="6" tabletNumerator="1" tabletDenominator="3" phoneNumerator="1" phoneDenominator="2">
<html:Div className="box" text="6"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="6"
- tabletNumerator="1" tabletDenominator="3"
- phoneNumerator="1" phoneDenominator="2">
+ <j:GridCell desktopNumerator="1" desktopDenominator="6" tabletNumerator="1" tabletDenominator="3" phoneNumerator="1" phoneDenominator="2">
<html:Div className="box" text="6"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="6"
- tabletNumerator="1" tabletDenominator="3"
- phoneNumerator="1" phoneDenominator="2">
+ <j:GridCell desktopNumerator="1" desktopDenominator="6" tabletNumerator="1" tabletDenominator="3" phoneNumerator="1" phoneDenominator="2">
<html:Div className="box" text="6"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="6"
- tabletNumerator="1" tabletDenominator="3"
- phoneNumerator="1" phoneDenominator="2">
+ <j:GridCell desktopNumerator="1" desktopDenominator="6" tabletNumerator="1" tabletDenominator="3" phoneNumerator="1" phoneDenominator="2">
<html:Div className="box" text="6"/>
</j:GridCell>
-
+
</j:Grid>
-
+
<j:Grid gap="{useGap}">
- <j:GridCell desktopNumerator="1" desktopDenominator="7"
- tabletNumerator="1" tabletDenominator="4"
- phoneNumerator="1" phoneDenominator="3">
+ <j:GridCell desktopNumerator="1" desktopDenominator="7" tabletNumerator="1" tabletDenominator="4" phoneNumerator="1" phoneDenominator="3">
<html:Div className="box" text="7"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="7"
- tabletNumerator="1" tabletDenominator="4"
- phoneNumerator="1" phoneDenominator="3">
+ <j:GridCell desktopNumerator="1" desktopDenominator="7" tabletNumerator="1" tabletDenominator="4" phoneNumerator="1" phoneDenominator="3">
<html:Div className="box" text="7"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="7"
- tabletNumerator="1" tabletDenominator="4"
- phoneNumerator="1" phoneDenominator="3">
+ <j:GridCell desktopNumerator="1" desktopDenominator="7" tabletNumerator="1" tabletDenominator="4" phoneNumerator="1" phoneDenominator="3">
<html:Div className="box" text="7"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="7"
- tabletNumerator="1" tabletDenominator="4"
- phoneNumerator="1" phoneDenominator="3">
+ <j:GridCell desktopNumerator="1" desktopDenominator="7" tabletNumerator="1" tabletDenominator="4" phoneNumerator="1" phoneDenominator="3">
<html:Div className="box" text="7"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="7"
- tabletNumerator="1" tabletDenominator="4"
- phoneNumerator="1" phoneDenominator="3">
+ <j:GridCell desktopNumerator="1" desktopDenominator="7" tabletNumerator="1" tabletDenominator="4" phoneNumerator="1" phoneDenominator="3">
<html:Div className="box" text="7"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="7"
- tabletNumerator="1" tabletDenominator="4"
- phoneNumerator="1" phoneDenominator="3">
+ <j:GridCell desktopNumerator="1" desktopDenominator="7" tabletNumerator="1" tabletDenominator="4" phoneNumerator="1" phoneDenominator="3">
<html:Div className="box" text="7"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="7"
- tabletNumerator="1" tabletDenominator="4"
- phoneNumerator="1" phoneDenominator="3">
+ <j:GridCell desktopNumerator="1" desktopDenominator="7" tabletNumerator="1" tabletDenominator="4" phoneNumerator="1" phoneDenominator="3">
<html:Div className="box" text="7"/>
</j:GridCell>
-
+
</j:Grid>
<j:Grid gap="{useGap}">
- <j:GridCell desktopNumerator="1" desktopDenominator="8"
- tabletNumerator="1" tabletDenominator="4"
- phoneNumerator="1" phoneDenominator="2">
+ <j:GridCell desktopNumerator="1" desktopDenominator="8" tabletNumerator="1" tabletDenominator="4" phoneNumerator="1" phoneDenominator="2">
<html:Div className="box" text="8"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="8"
- tabletNumerator="1" tabletDenominator="4"
- phoneNumerator="1" phoneDenominator="2">
+ <j:GridCell desktopNumerator="1" desktopDenominator="8" tabletNumerator="1" tabletDenominator="4" phoneNumerator="1" phoneDenominator="2">
<html:Div className="box" text="8"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="8"
- tabletNumerator="1" tabletDenominator="4"
- phoneNumerator="1" phoneDenominator="2">
+ <j:GridCell desktopNumerator="1" desktopDenominator="8" tabletNumerator="1" tabletDenominator="4" phoneNumerator="1" phoneDenominator="2">
<html:Div className="box" text="8"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="8"
- tabletNumerator="1" tabletDenominator="4"
- phoneNumerator="1" phoneDenominator="2">
+ <j:GridCell desktopNumerator="1" desktopDenominator="8" tabletNumerator="1" tabletDenominator="4" phoneNumerator="1" phoneDenominator="2">
<html:Div className="box" text="8"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="8"
- tabletNumerator="1" tabletDenominator="4"
- phoneNumerator="1" phoneDenominator="2">
+ <j:GridCell desktopNumerator="1" desktopDenominator="8" tabletNumerator="1" tabletDenominator="4" phoneNumerator="1" phoneDenominator="2">
<html:Div className="box" text="8"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="8"
- tabletNumerator="1" tabletDenominator="4"
- phoneNumerator="1" phoneDenominator="2">
+ <j:GridCell desktopNumerator="1" desktopDenominator="8" tabletNumerator="1" tabletDenominator="4" phoneNumerator="1" phoneDenominator="2">
<html:Div className="box" text="8"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="8"
- tabletNumerator="1" tabletDenominator="4"
- phoneNumerator="1" phoneDenominator="2">
+ <j:GridCell desktopNumerator="1" desktopDenominator="8" tabletNumerator="1" tabletDenominator="4" phoneNumerator="1" phoneDenominator="2">
<html:Div className="box" text="8"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="8"
- tabletNumerator="1" tabletDenominator="4"
- phoneNumerator="1" phoneDenominator="2">
+ <j:GridCell desktopNumerator="1" desktopDenominator="8" tabletNumerator="1" tabletDenominator="4" phoneNumerator="1" phoneDenominator="2">
<html:Div className="box" text="8"/>
- </j:GridCell>
+ </j:GridCell>
</j:Grid>
<j:Grid gap="{useGap}">
- <j:GridCell desktopNumerator="1" desktopDenominator="9"
- tabletNumerator="1" tabletDenominator="4"
- phoneNumerator="1" phoneDenominator="2">
+ <j:GridCell desktopNumerator="1" desktopDenominator="9" tabletNumerator="1" tabletDenominator="4" phoneNumerator="1" phoneDenominator="2">
<html:Div className="box" text="9"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="9"
- tabletNumerator="1" tabletDenominator="4"
- phoneNumerator="1" phoneDenominator="2">
+ <j:GridCell desktopNumerator="1" desktopDenominator="9" tabletNumerator="1" tabletDenominator="4" phoneNumerator="1" phoneDenominator="2">
<html:Div className="box" text="9"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="9"
- tabletNumerator="1" tabletDenominator="4"
- phoneNumerator="1" phoneDenominator="2">
+ <j:GridCell desktopNumerator="1" desktopDenominator="9" tabletNumerator="1" tabletDenominator="4" phoneNumerator="1" phoneDenominator="2">
<html:Div className="box" text="9"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="9"
- tabletNumerator="1" tabletDenominator="4"
- phoneNumerator="1" phoneDenominator="2">
+ <j:GridCell desktopNumerator="1" desktopDenominator="9" tabletNumerator="1" tabletDenominator="4" phoneNumerator="1" phoneDenominator="2">
<html:Div className="box" text="9"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="9"
- tabletNumerator="1" tabletDenominator="4"
- phoneNumerator="1" phoneDenominator="2">
+ <j:GridCell desktopNumerator="1" desktopDenominator="9" tabletNumerator="1" tabletDenominator="4" phoneNumerator="1" phoneDenominator="2">
<html:Div className="box" text="9"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="9"
- tabletNumerator="1" tabletDenominator="4"
- phoneNumerator="1" phoneDenominator="2">
+ <j:GridCell desktopNumerator="1" desktopDenominator="9" tabletNumerator="1" tabletDenominator="4" phoneNumerator="1" phoneDenominator="2">
<html:Div className="box" text="9"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="9"
- tabletNumerator="1" tabletDenominator="4"
- phoneNumerator="1" phoneDenominator="2">
+ <j:GridCell desktopNumerator="1" desktopDenominator="9" tabletNumerator="1" tabletDenominator="4" phoneNumerator="1" phoneDenominator="2">
<html:Div className="box" text="9"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="9"
- tabletNumerator="1" tabletDenominator="4"
- phoneNumerator="1" phoneDenominator="2">
+ <j:GridCell desktopNumerator="1" desktopDenominator="9" tabletNumerator="1" tabletDenominator="4" phoneNumerator="1" phoneDenominator="2">
<html:Div className="box" text="9"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="9"
- tabletNumerator="1" tabletDenominator="4"
- phoneNumerator="1" phoneDenominator="2">
+ <j:GridCell desktopNumerator="1" desktopDenominator="9" tabletNumerator="1" tabletDenominator="4" phoneNumerator="1" phoneDenominator="2">
<html:Div className="box" text="9"/>
</j:GridCell>
</j:Grid>
<j:Grid gap="{useGap}">
- <j:GridCell desktopNumerator="1" desktopDenominator="10"
- tabletNumerator="1" tabletDenominator="5"
- phoneNumerator="1" phoneDenominator="4">
+ <j:GridCell desktopNumerator="1" desktopDenominator="10" tabletNumerator="1" tabletDenominator="5" phoneNumerator="1" phoneDenominator="4">
<html:Div className="box" text="10"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="10"
- tabletNumerator="1" tabletDenominator="5"
- phoneNumerator="1" phoneDenominator="4">
+ <j:GridCell desktopNumerator="1" desktopDenominator="10" tabletNumerator="1" tabletDenominator="5" phoneNumerator="1" phoneDenominator="4">
<html:Div className="box" text="10"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="10"
- tabletNumerator="1" tabletDenominator="5"
- phoneNumerator="1" phoneDenominator="4">
+ <j:GridCell desktopNumerator="1" desktopDenominator="10" tabletNumerator="1" tabletDenominator="5" phoneNumerator="1" phoneDenominator="4">
<html:Div className="box" text="10"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="10"
- tabletNumerator="1" tabletDenominator="5"
- phoneNumerator="1" phoneDenominator="4">
+ <j:GridCell desktopNumerator="1" desktopDenominator="10" tabletNumerator="1" tabletDenominator="5" phoneNumerator="1" phoneDenominator="4">
<html:Div className="box" text="10"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="10"
- tabletNumerator="1" tabletDenominator="5"
- phoneNumerator="1" phoneDenominator="4">
+ <j:GridCell desktopNumerator="1" desktopDenominator="10" tabletNumerator="1" tabletDenominator="5" phoneNumerator="1" phoneDenominator="4">
<html:Div className="box" text="10"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="10"
- tabletNumerator="1" tabletDenominator="5"
- phoneNumerator="1" phoneDenominator="4">
+ <j:GridCell desktopNumerator="1" desktopDenominator="10" tabletNumerator="1" tabletDenominator="5" phoneNumerator="1" phoneDenominator="4">
<html:Div className="box" text="10"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="10"
- tabletNumerator="1" tabletDenominator="5"
- phoneNumerator="1" phoneDenominator="4">
+ <j:GridCell desktopNumerator="1" desktopDenominator="10" tabletNumerator="1" tabletDenominator="5" phoneNumerator="1" phoneDenominator="4">
<html:Div className="box" text="10"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="10"
- tabletNumerator="1" tabletDenominator="5"
- phoneNumerator="1" phoneDenominator="4">
+ <j:GridCell desktopNumerator="1" desktopDenominator="10" tabletNumerator="1" tabletDenominator="5" phoneNumerator="1" phoneDenominator="4">
<html:Div className="box" text="10"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="10"
- tabletNumerator="1" tabletDenominator="5"
- phoneNumerator="1" phoneDenominator="4">
+ <j:GridCell desktopNumerator="1" desktopDenominator="10" tabletNumerator="1" tabletDenominator="5" phoneNumerator="1" phoneDenominator="4">
<html:Div className="box" text="10"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="10"
- tabletNumerator="1" tabletDenominator="5"
- phoneNumerator="1" phoneDenominator="4">
+ <j:GridCell desktopNumerator="1" desktopDenominator="10" tabletNumerator="1" tabletDenominator="5" phoneNumerator="1" phoneDenominator="4">
<html:Div className="box" text="10"/>
</j:GridCell>
</j:Grid>
<j:Grid gap="{useGap}">
- <j:GridCell desktopNumerator="1" desktopDenominator="11"
- tabletNumerator="1" tabletDenominator="5"
- phoneNumerator="1" phoneDenominator="4">
+ <j:GridCell desktopNumerator="1" desktopDenominator="11" tabletNumerator="1" tabletDenominator="5" phoneNumerator="1" phoneDenominator="4">
<html:Div className="box" text="11"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="11"
- tabletNumerator="1" tabletDenominator="5"
- phoneNumerator="1" phoneDenominator="4">
+ <j:GridCell desktopNumerator="1" desktopDenominator="11" tabletNumerator="1" tabletDenominator="5" phoneNumerator="1" phoneDenominator="4">
<html:Div className="box" text="11"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="11"
- tabletNumerator="1" tabletDenominator="5"
- phoneNumerator="1" phoneDenominator="4">
+ <j:GridCell desktopNumerator="1" desktopDenominator="11" tabletNumerator="1" tabletDenominator="5" phoneNumerator="1" phoneDenominator="4">
<html:Div className="box" text="11"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="11"
- tabletNumerator="1" tabletDenominator="5"
- phoneNumerator="1" phoneDenominator="4">
+ <j:GridCell desktopNumerator="1" desktopDenominator="11" tabletNumerator="1" tabletDenominator="5" phoneNumerator="1" phoneDenominator="4">
<html:Div className="box" text="11"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="11"
- tabletNumerator="1" tabletDenominator="5"
- phoneNumerator="1" phoneDenominator="4">
+ <j:GridCell desktopNumerator="1" desktopDenominator="11" tabletNumerator="1" tabletDenominator="5" phoneNumerator="1" phoneDenominator="4">
<html:Div className="box" text="11"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="11"
- tabletNumerator="1" tabletDenominator="5"
- phoneNumerator="1" phoneDenominator="4">
+ <j:GridCell desktopNumerator="1" desktopDenominator="11" tabletNumerator="1" tabletDenominator="5" phoneNumerator="1" phoneDenominator="4">
<html:Div className="box" text="11"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="11"
- tabletNumerator="1" tabletDenominator="5"
- phoneNumerator="1" phoneDenominator="4">
+ <j:GridCell desktopNumerator="1" desktopDenominator="11" tabletNumerator="1" tabletDenominator="5" phoneNumerator="1" phoneDenominator="4">
<html:Div className="box" text="11"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="11"
- tabletNumerator="1" tabletDenominator="5"
- phoneNumerator="1" phoneDenominator="4">
+ <j:GridCell desktopNumerator="1" desktopDenominator="11" tabletNumerator="1" tabletDenominator="5" phoneNumerator="1" phoneDenominator="4">
<html:Div className="box" text="11"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="11"
- tabletNumerator="1" tabletDenominator="5"
- phoneNumerator="1" phoneDenominator="4">
+ <j:GridCell desktopNumerator="1" desktopDenominator="11" tabletNumerator="1" tabletDenominator="5" phoneNumerator="1" phoneDenominator="4">
<html:Div className="box" text="11"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="11"
- tabletNumerator="1" tabletDenominator="5"
- phoneNumerator="1" phoneDenominator="4">
+ <j:GridCell desktopNumerator="1" desktopDenominator="11" tabletNumerator="1" tabletDenominator="5" phoneNumerator="1" phoneDenominator="4">
<html:Div className="box" text="11"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="11"
- tabletNumerator="1" tabletDenominator="5"
- phoneNumerator="1" phoneDenominator="4">
+ <j:GridCell desktopNumerator="1" desktopDenominator="11" tabletNumerator="1" tabletDenominator="5" phoneNumerator="1" phoneDenominator="4">
<html:Div className="box" text="11"/>
</j:GridCell>
</j:Grid>
- <j:Grid id="g" gap="{useGap}">
- <j:GridCell desktopNumerator="1" desktopDenominator="12"
- tabletNumerator="1" tabletDenominator="6"
- phoneNumerator="1" phoneDenominator="4">
+ <j:Grid id="g" gap="{useGap}">
+ <j:GridCell desktopNumerator="1" desktopDenominator="12" tabletNumerator="1" tabletDenominator="6" phoneNumerator="1" phoneDenominator="4">
<html:Div className="box" text="12"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="12"
- tabletNumerator="1" tabletDenominator="6"
- phoneNumerator="1" phoneDenominator="4">
+ <j:GridCell desktopNumerator="1" desktopDenominator="12" tabletNumerator="1" tabletDenominator="6" phoneNumerator="1" phoneDenominator="4">
<html:Div className="box" text="12"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="12"
- tabletNumerator="1" tabletDenominator="6"
- phoneNumerator="1" phoneDenominator="4">
+ <j:GridCell desktopNumerator="1" desktopDenominator="12" tabletNumerator="1" tabletDenominator="6" phoneNumerator="1" phoneDenominator="4">
<html:Div className="box" text="12"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="12"
- tabletNumerator="1" tabletDenominator="6"
- phoneNumerator="1" phoneDenominator="4">
+ <j:GridCell desktopNumerator="1" desktopDenominator="12" tabletNumerator="1" tabletDenominator="6" phoneNumerator="1" phoneDenominator="4">
<html:Div className="box" text="12"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="12"
- tabletNumerator="1" tabletDenominator="6"
- phoneNumerator="1" phoneDenominator="4">
+ <j:GridCell desktopNumerator="1" desktopDenominator="12" tabletNumerator="1" tabletDenominator="6" phoneNumerator="1" phoneDenominator="4">
<html:Div className="box" text="12"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="12"
- tabletNumerator="1" tabletDenominator="6"
- phoneNumerator="1" phoneDenominator="4">
+ <j:GridCell desktopNumerator="1" desktopDenominator="12" tabletNumerator="1" tabletDenominator="6" phoneNumerator="1" phoneDenominator="4">
<html:Div className="box" text="12"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="12"
- tabletNumerator="1" tabletDenominator="6"
- phoneNumerator="1" phoneDenominator="4">
+ <j:GridCell desktopNumerator="1" desktopDenominator="12" tabletNumerator="1" tabletDenominator="6" phoneNumerator="1" phoneDenominator="4">
<html:Div className="box" text="12"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="12"
- tabletNumerator="1" tabletDenominator="6"
- phoneNumerator="1" phoneDenominator="4">
+ <j:GridCell desktopNumerator="1" desktopDenominator="12" tabletNumerator="1" tabletDenominator="6" phoneNumerator="1" phoneDenominator="4">
<html:Div className="box" text="12"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="12"
- tabletNumerator="1" tabletDenominator="6"
- phoneNumerator="1" phoneDenominator="4">
+ <j:GridCell desktopNumerator="1" desktopDenominator="12" tabletNumerator="1" tabletDenominator="6" phoneNumerator="1" phoneDenominator="4">
<html:Div className="box" text="12"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="12"
- tabletNumerator="1" tabletDenominator="6"
- phoneNumerator="1" phoneDenominator="4">
+ <j:GridCell desktopNumerator="1" desktopDenominator="12" tabletNumerator="1" tabletDenominator="6" phoneNumerator="1" phoneDenominator="4">
<html:Div className="box" text="12"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="12"
- tabletNumerator="1" tabletDenominator="6"
- phoneNumerator="1" phoneDenominator="4">
+ <j:GridCell desktopNumerator="1" desktopDenominator="12" tabletNumerator="1" tabletDenominator="6" phoneNumerator="1" phoneDenominator="4">
<html:Div className="box" text="12"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="12"
- tabletNumerator="1" tabletDenominator="6"
- phoneNumerator="1" phoneDenominator="4">
+ <j:GridCell desktopNumerator="1" desktopDenominator="12" tabletNumerator="1" tabletDenominator="6" phoneNumerator="1" phoneDenominator="4">
<html:Div className="box" text="12"/>
</j:GridCell>
</j:Grid>
@@ -467,81 +311,53 @@ limitations under the License.
<html:H3 text="Grids Responsive Visibility"/>
<j:Grid gap="true">
- <j:GridCell desktopNumerator="1" desktopDenominator="2"
- tabletNumerator="1" tabletDenominator="2"
- phoneNumerator="1" phoneDenominator="2">
+ <j:GridCell desktopNumerator="1" desktopDenominator="2" tabletNumerator="1" tabletDenominator="2" phoneNumerator="1" phoneDenominator="2">
<html:Div className="box" text="2a"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="2"
- tabletNumerator="1" tabletDenominator="2"
- phoneNumerator="1" phoneDenominator="2"
- wideScreenVisible="false">
+ <j:GridCell desktopNumerator="1" desktopDenominator="2" tabletNumerator="1" tabletDenominator="2" phoneNumerator="1" phoneDenominator="2" wideScreenVisible="false">
<html:Div className="box" text="2b - Hidden in WideScreen"/>
</j:GridCell>
</j:Grid>
<j:Grid gap="true">
- <j:GridCell desktopNumerator="1" desktopDenominator="3"
- tabletNumerator="1" tabletDenominator="3"
- phoneNumerator="1" phoneDenominator="3"
- phoneVisible="false">
+ <j:GridCell desktopNumerator="1" desktopDenominator="3" tabletNumerator="1" tabletDenominator="3" phoneNumerator="1" phoneDenominator="3" phoneVisible="false">
<html:Div className="box" text="3a - Hidden in Phones"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="3"
- tabletNumerator="1" tabletDenominator="3"
- phoneNumerator="1" phoneDenominator="3"
- tabletVisible="false">
+ <j:GridCell desktopNumerator="1" desktopDenominator="3" tabletNumerator="1" tabletDenominator="3" phoneNumerator="1" phoneDenominator="3" tabletVisible="false">
<html:Div className="box" text="3b - Hidden in Tablet"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="3"
- tabletNumerator="1" tabletDenominator="3"
- phoneNumerator="1" phoneDenominator="3">
+ <j:GridCell desktopNumerator="1" desktopDenominator="3" tabletNumerator="1" tabletDenominator="3" phoneNumerator="1" phoneDenominator="3">
<html:Div className="box" text="3c"/>
</j:GridCell>
</j:Grid>
<j:Grid gap="true">
- <j:GridCell desktopNumerator="1" desktopDenominator="4"
- tabletNumerator="1" tabletDenominator="2"
- phoneNumerator="1" phoneDenominator="1">
+ <j:GridCell desktopNumerator="1" desktopDenominator="4" tabletNumerator="1" tabletDenominator="2" phoneNumerator="1" phoneDenominator="1">
<html:Div className="box" text="4a"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="4"
- tabletNumerator="1" tabletDenominator="2"
- phoneNumerator="1" phoneDenominator="1">
+ <j:GridCell desktopNumerator="1" desktopDenominator="4" tabletNumerator="1" tabletDenominator="2" phoneNumerator="1" phoneDenominator="1">
<html:Div className="box" text="4b"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="4"
- tabletNumerator="1" tabletDenominator="2"
- phoneNumerator="1" phoneDenominator="1"
- desktopVisible="false">
+ <j:GridCell desktopNumerator="1" desktopDenominator="4" tabletNumerator="1" tabletDenominator="2" phoneNumerator="1" phoneDenominator="1" desktopVisible="false">
<html:Div className="box" text="4c - Hidden in Desktop"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="4"
- tabletNumerator="1" tabletDenominator="2"
- phoneNumerator="1" phoneDenominator="1">
+ <j:GridCell desktopNumerator="1" desktopDenominator="4" tabletNumerator="1" tabletDenominator="2" phoneNumerator="1" phoneDenominator="1">
<html:Div className="box" text="4d"/>
</j:GridCell>
</j:Grid>
<html:H3 text="Grids Horizontal Align"/>
-
+
<html:H4 text=" itemsTop"/>
<j:Grid gap="true" itemsVerticalAlign="itemsTop">
- <j:GridCell desktopNumerator="1" desktopDenominator="3"
- tabletNumerator="1" tabletDenominator="3"
- phoneNumerator="1" phoneDenominator="3">
+ <j:GridCell desktopNumerator="1" desktopDenominator="3" tabletNumerator="1" tabletDenominator="3" phoneNumerator="1" phoneDenominator="3">
<html:Div className="box" text="height: 100px" height="100"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="3"
- tabletNumerator="1" tabletDenominator="3"
- phoneNumerator="1" phoneDenominator="3">
+ <j:GridCell desktopNumerator="1" desktopDenominator="3" tabletNumerator="1" tabletDenominator="3" phoneNumerator="1" phoneDenominator="3">
<html:Div className="box" text="height: 200px" height="200"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="3"
- tabletNumerator="1" tabletDenominator="3"
- phoneNumerator="1" phoneDenominator="3">
+ <j:GridCell desktopNumerator="1" desktopDenominator="3" tabletNumerator="1" tabletDenominator="3" phoneNumerator="1" phoneDenominator="3">
<html:Div className="box" text="height: 300px" height="300"/>
</j:GridCell>
</j:Grid>
@@ -549,62 +365,44 @@ limitations under the License.
<html:H4 text=" itemsBottom"/>
<j:Grid gap="true" itemsVerticalAlign="itemsBottom">
- <j:GridCell desktopNumerator="1" desktopDenominator="3"
- tabletNumerator="1" tabletDenominator="3"
- phoneNumerator="1" phoneDenominator="3">
+ <j:GridCell desktopNumerator="1" desktopDenominator="3" tabletNumerator="1" tabletDenominator="3" phoneNumerator="1" phoneDenominator="3">
<html:Div className="box" text="height: 100px" height="100"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="3"
- tabletNumerator="1" tabletDenominator="3"
- phoneNumerator="1" phoneDenominator="3">
+ <j:GridCell desktopNumerator="1" desktopDenominator="3" tabletNumerator="1" tabletDenominator="3" phoneNumerator="1" phoneDenominator="3">
<html:Div className="box" text="height: 200px" height="200"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="3"
- tabletNumerator="1" tabletDenominator="3"
- phoneNumerator="1" phoneDenominator="3">
+ <j:GridCell desktopNumerator="1" desktopDenominator="3" tabletNumerator="1" tabletDenominator="3" phoneNumerator="1" phoneDenominator="3">
<html:Div className="box" text="height: 300px" height="300"/>
</j:GridCell>
</j:Grid>
-
+
<html:H4 text=" itemsCentered"/>
<j:Grid gap="true" itemsVerticalAlign="itemsCentered">
- <j:GridCell desktopNumerator="1" desktopDenominator="3"
- tabletNumerator="1" tabletDenominator="3"
- phoneNumerator="1" phoneDenominator="3">
+ <j:GridCell desktopNumerator="1" desktopDenominator="3" tabletNumerator="1" tabletDenominator="3" phoneNumerator="1" phoneDenominator="3">
<html:Div className="box" text="height: 100px" height="100"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="3"
- tabletNumerator="1" tabletDenominator="3"
- phoneNumerator="1" phoneDenominator="3">
+ <j:GridCell desktopNumerator="1" desktopDenominator="3" tabletNumerator="1" tabletDenominator="3" phoneNumerator="1" phoneDenominator="3">
<html:Div className="box" text="height: 200px" height="200"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="3"
- tabletNumerator="1" tabletDenominator="3"
- phoneNumerator="1" phoneDenominator="3">
+ <j:GridCell desktopNumerator="1" desktopDenominator="3" tabletNumerator="1" tabletDenominator="3" phoneNumerator="1" phoneDenominator="3">
<html:Div className="box" text="height: 300px" height="300"/>
</j:GridCell>
</j:Grid>
-
+
<html:H4 text=" itemsSameHeight"/>
<j:Grid gap="true" itemsVerticalAlign="itemsSameHeight" height="200">
- <j:GridCell desktopNumerator="1" desktopDenominator="3"
- tabletNumerator="1" tabletDenominator="3"
- phoneNumerator="1" phoneDenominator="3">
+ <j:GridCell desktopNumerator="1" desktopDenominator="3" tabletNumerator="1" tabletDenominator="3" phoneNumerator="1" phoneDenominator="3">
<html:Div className="box" text="Same Height"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="3"
- tabletNumerator="1" tabletDenominator="3"
- phoneNumerator="1" phoneDenominator="3">
+ <j:GridCell desktopNumerator="1" desktopDenominator="3" tabletNumerator="1" tabletDenominator="3" phoneNumerator="1" phoneDenominator="3">
<html:Div className="box" text="Same Height"/>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="3"
- tabletNumerator="1" tabletDenominator="3"
- phoneNumerator="1" phoneDenominator="3">
+ <j:GridCell desktopNumerator="1" desktopDenominator="3" tabletNumerator="1" tabletDenominator="3" phoneNumerator="1" phoneDenominator="3">
<html:Div className="box" text="Same Height"/>
</j:GridCell>
</j:Grid>
-
+
</c:ExampleAndSourceCodeTabbedSectionContent>
diff --git a/examples/royale/TourDeJewel/src/main/royale/HeadingsAndText.mxml b/examples/royale/TourDeJewel/src/main/royale/HeadingsAndText.mxml
index 9699e1f..a77200d 100644
--- a/examples/royale/TourDeJewel/src/main/royale/HeadingsAndText.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/HeadingsAndText.mxml
@@ -17,12 +17,12 @@ See the License for the specific language governing permissions and
limitations under the License.
-->
-<c:ExampleAndSourceCodeTabbedSectionContent xmlns:fx="http://ns.adobe.com/mxml/2009"
- xmlns:j="library://ns.apache.org/royale/jewel"
- xmlns:html="library://ns.apache.org/royale/html"
- xmlns:js="library://ns.apache.org/royale/basic"
- xmlns:c="components.*"
- sourceCodeUrl="HeadingsAndText.mxml">
+<c:ExampleAndSourceCodeTabbedSectionContent xmlns:fx="http://ns.adobe.com/mxml/2009"
+ xmlns:j="library://ns.apache.org/royale/jewel"
+ xmlns:html="library://ns.apache.org/royale/html"
+ xmlns:js="library://ns.apache.org/royale/basic"
+ xmlns:c="components.*" sourceCodeUrl="HeadingsAndText.mxml">
+
<j:Card width="350">
<html:H3 text="Headings and text"/>
@@ -32,8 +32,7 @@ limitations under the License.
<html:H4 text="Heading H4"/>
<html:Span text="Some span text."/>
-
- <j:Label text="Normal text used in a div, texts and fields with single line or multiple lines."
- multiline="true"/>
+
+ <j:Label text="Normal text used in a div, texts and fields with single line or multiple lines." multiline="true"/>
</j:Card>
</c:ExampleAndSourceCodeTabbedSectionContent>
diff --git a/examples/royale/TourDeJewel/src/main/royale/ImagePlayGround.mxml b/examples/royale/TourDeJewel/src/main/royale/ImagePlayGround.mxml
index 2afaba1..7527daf 100644
--- a/examples/royale/TourDeJewel/src/main/royale/ImagePlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/ImagePlayGround.mxml
@@ -17,12 +17,12 @@ See the License for the specific language governing permissions and
limitations under the License.
-->
-<c:ExampleAndSourceCodeTabbedSectionContent xmlns:fx="http://ns.adobe.com/mxml/2009"
- xmlns:j="library://ns.apache.org/royale/jewel"
- xmlns:html="library://ns.apache.org/royale/html"
- xmlns:js="library://ns.apache.org/royale/basic"
- xmlns:c="components.*"
- sourceCodeUrl="ImagePlayGround.mxml">
+<c:ExampleAndSourceCodeTabbedSectionContent xmlns:fx="http://ns.adobe.com/mxml/2009"
+ xmlns:j="library://ns.apache.org/royale/jewel"
+ xmlns:html="library://ns.apache.org/royale/html"
+ xmlns:js="library://ns.apache.org/royale/basic"
+ xmlns:c="components.*" sourceCodeUrl="ImagePlayGround.mxml">
+
<fx:Script>
<![CDATA[
private function imageClick(event:MouseEvent):void {
@@ -34,28 +34,24 @@ limitations under the License.
}
]]>
</fx:Script>
-
+
<j:beads>
- <js:ContainerDataBinding/>
- </j:beads>
+ <js:ContainerDataBinding/>
+ </j:beads>
<j:Grid gap="true" itemsVerticalAlign="itemsSameHeight">
- <j:GridCell desktopNumerator="1" desktopDenominator="2"
- tabletNumerator="1" tabletDenominator="2"
- phoneNumerator="1" phoneDenominator="1">
+ <j:GridCell desktopNumerator="1" desktopDenominator="2" tabletNumerator="1" tabletDenominator="2" phoneNumerator="1" phoneDenominator="1">
<j:Card>
<html:H3 text="Jewel Image"/>
-
+
<j:Image id="image" src="assets/royale_spheres.png" click="imageClick(event)"/>
<j:Label id="imageResult" text="Image is an img tag in html"/>
</j:Card>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="2"
- tabletNumerator="1" tabletDenominator="2"
- phoneNumerator="1" phoneDenominator="1">
+ <j:GridCell desktopNumerator="1" desktopDenominator="2" tabletNumerator="1" tabletDenominator="2" phoneNumerator="1" phoneDenominator="1">
<j:Card>
<html:H4 text="Jewel ImageButton"/>
-
+
<j:ImageButton id="imageButton" src="assets/royale_spheres.png" click="imageButtonClick(event)"/>
<j:Label id="imageButtonResult" text="Image is an input type='image' tag in html"/>
</j:Card>
diff --git a/examples/royale/TourDeJewel/src/main/royale/LabelPlayGround.mxml b/examples/royale/TourDeJewel/src/main/royale/LabelPlayGround.mxml
index 8f27c24..7944191 100644
--- a/examples/royale/TourDeJewel/src/main/royale/LabelPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/LabelPlayGround.mxml
@@ -17,12 +17,12 @@ See the License for the specific language governing permissions and
limitations under the License.
-->
-<c:ExampleAndSourceCodeTabbedSectionContent xmlns:fx="http://ns.adobe.com/mxml/2009"
- xmlns:j="library://ns.apache.org/royale/jewel"
- xmlns:html="library://ns.apache.org/royale/html"
- xmlns:js="library://ns.apache.org/royale/basic"
- xmlns:c="components.*"
- sourceCodeUrl="LabelPlayGround.mxml">
+<c:ExampleAndSourceCodeTabbedSectionContent xmlns:fx="http://ns.adobe.com/mxml/2009"
+ xmlns:j="library://ns.apache.org/royale/jewel"
+ xmlns:html="library://ns.apache.org/royale/html"
+ xmlns:js="library://ns.apache.org/royale/basic"
+ xmlns:c="components.*" sourceCodeUrl="LabelPlayGround.mxml">
+
<fx:Script>
<![CDATA[
import org.apache.royale.events.MouseEvent;
@@ -33,17 +33,16 @@ limitations under the License.
}
]]>
</fx:Script>
-
+
<j:Card width="350">
<html:H3 text="Jewel Label"/>
-
+
<j:Label id="label" text="This is a Label" click="labelClick(event)" className="cursor-pointer">
<j:beads>
<j:ToolTip toolTip="This Label is clickable!"/>
</j:beads>
</j:Label>
- <j:Label text="This is a multiline label with more text that wraps if container has set a width"
- multiline="true"/>
+ <j:Label text="This is a multiline label with more text that wraps if container has set a width" multiline="true"/>
</j:Card>
</c:ExampleAndSourceCodeTabbedSectionContent>
diff --git a/examples/royale/TourDeJewel/src/main/royale/LayoutsPlayGround.mxml b/examples/royale/TourDeJewel/src/main/royale/LayoutsPlayGround.mxml
index 836e590..f5da621 100644
--- a/examples/royale/TourDeJewel/src/main/royale/LayoutsPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/LayoutsPlayGround.mxml
@@ -17,12 +17,12 @@ See the License for the specific language governing permissions and
limitations under the License.
-->
-<c:ExampleAndSourceCodeTabbedSectionContent xmlns:fx="http://ns.adobe.com/mxml/2009"
- xmlns:j="library://ns.apache.org/royale/jewel"
- xmlns:html="library://ns.apache.org/royale/html"
- xmlns:js="library://ns.apache.org/royale/basic"
- xmlns:c="components.*"
- sourceCodeUrl="LayoutsPlayGround.mxml">
+<c:ExampleAndSourceCodeTabbedSectionContent xmlns:fx="http://ns.adobe.com/mxml/2009"
+ xmlns:j="library://ns.apache.org/royale/jewel"
+ xmlns:html="library://ns.apache.org/royale/html"
+ xmlns:js="library://ns.apache.org/royale/basic"
+ xmlns:c="components.*" sourceCodeUrl="LayoutsPlayGround.mxml">
+
<fx:Script>
<![CDATA[
private function clickHandler(event:MouseEvent):void {
@@ -31,18 +31,16 @@ limitations under the License.
]]>
</fx:Script>
-
+
<!-- <j:beads>
<js:ContainerDataBinding/>
</j:beads> -->
<j:Grid gap="true" itemsVerticalAlign="itemsSameHeight">
- <j:GridCell desktopNumerator="1" desktopDenominator="3"
- tabletNumerator="1" tabletDenominator="3"
- phoneNumerator="1" phoneDenominator="1">
+ <j:GridCell desktopNumerator="1" desktopDenominator="3" tabletNumerator="1" tabletDenominator="3" phoneNumerator="1" phoneDenominator="1">
<j:Card>
<html:H3 text="Jewel BasicLayout (width200, height:200px)"/>
-
+
<j:Group width="200" height="200" className="wrapper">
<j:Button text="Origin" emphasis="primary"/>
<j:Button text="x:30,y:30" emphasis="secondary" x="30" y="30"/>
@@ -52,9 +50,7 @@ limitations under the License.
</j:Card>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="3"
- tabletNumerator="1" tabletDenominator="3"
- phoneNumerator="1" phoneDenominator="1">
+ <j:GridCell desktopNumerator="1" desktopDenominator="3" tabletNumerator="1" tabletDenominator="3" phoneNumerator="1" phoneDenominator="1">
<j:Card>
<html:H4 text="Jewel HorizontalLayout"/>
@@ -64,16 +60,14 @@ limitations under the License.
<j:Button text="Z" emphasis="emphasized"/>
<j:Button text="0" />
</j:HGroup>
-
+
<j:Slider width="200" value="3" minimum="0" maximum="10" valueChange="hg.gap = event.target.value"/>
</j:Card>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="3"
- tabletNumerator="1" tabletDenominator="3"
- phoneNumerator="1" phoneDenominator="1">
+ <j:GridCell desktopNumerator="1" desktopDenominator="3" tabletNumerator="1" tabletDenominator="3" phoneNumerator="1" phoneDenominator="1">
<j:Card>
<html:H4 text="Jewel VerticalLayout"/>
-
+
<j:VGroup id="vg" gap="3" className="wrapper">
<j:Button text="X" emphasis="primary"/>
<j:Button text="Y" emphasis="secondary"/>
@@ -86,12 +80,10 @@ limitations under the License.
</j:GridCell>
</j:Grid>
<j:Grid gap="true" itemsVerticalAlign="itemsSameHeight">
- <j:GridCell desktopNumerator="1" desktopDenominator="3"
- tabletNumerator="1" tabletDenominator="3"
- phoneNumerator="1" phoneDenominator="1">
+ <j:GridCell desktopNumerator="1" desktopDenominator="3" tabletNumerator="1" tabletDenominator="3" phoneNumerator="1" phoneDenominator="1">
<j:Card>
<html:H3 text="Jewel HorizontalCenteredLayout (width200, height:200px)"/>
-
+
<j:Group width="200" height="200" className="wrapper">
<j:beads>
<j:HorizontalCenteredLayout id="hcl" gap="3"/>
@@ -106,13 +98,11 @@ limitations under the License.
</j:Card>
</j:GridCell>
-
- <j:GridCell desktopNumerator="1" desktopDenominator="3"
- tabletNumerator="1" tabletDenominator="3"
- phoneNumerator="1" phoneDenominator="1">
+
+ <j:GridCell desktopNumerator="1" desktopDenominator="3" tabletNumerator="1" tabletDenominator="3" phoneNumerator="1" phoneDenominator="1">
<j:Card>
<html:H3 text="Jewel VerticalCenteredLayout (width200, height:200px)"/>
-
+
<j:Group width="200" height="200" className="wrapper">
<j:beads>
<j:VerticalCenteredLayout id="vcl" gap="3"/>
@@ -130,12 +120,10 @@ limitations under the License.
</j:Grid>
<j:Grid gap="true" itemsVerticalAlign="itemsSameHeight">
- <j:GridCell desktopNumerator="1" desktopDenominator="3"
- tabletNumerator="1" tabletDenominator="3"
- phoneNumerator="1" phoneDenominator="1">
+ <j:GridCell desktopNumerator="1" desktopDenominator="3" tabletNumerator="1" tabletDenominator="3" phoneNumerator="1" phoneDenominator="1">
<j:Card>
<html:H3 text="Jewel HorizontalFlowLayout"/>
-
+
<j:Group className="wrapper">
<j:beads>
<j:HorizontalFlowLayout id="hfl" gap="3"/>
@@ -150,13 +138,11 @@ limitations under the License.
</j:Card>
</j:GridCell>
-
- <j:GridCell desktopNumerator="1" desktopDenominator="3"
- tabletNumerator="1" tabletDenominator="3"
- phoneNumerator="1" phoneDenominator="1">
+
+ <j:GridCell desktopNumerator="1" desktopDenominator="3" tabletNumerator="1" tabletDenominator="3" phoneNumerator="1" phoneDenominator="1">
<j:Card>
<html:H3 text="Jewel VerticalFlowLayout"/>
-
+
<j:Group className="wrapper" height="200">
<j:beads>
<j:VerticalFlowLayout id="vfl" gap="3"/>
@@ -172,9 +158,7 @@ limitations under the License.
</j:Card>
</j:GridCell>
- <!-- <j:GridCell desktopNumerator="1" desktopDenominator="3"
- tabletNumerator="1" tabletDenominator="3"
- phoneNumerator="1" phoneDenominator="1">
+ <!-- <j:GridCell desktopNumerator="1" desktopDenominator="3" tabletNumerator="1" tabletDenominator="3" phoneNumerator="1" phoneDenominator="1">
<j:Card>
<html:H4 text="Jewel HGroup"/>
@@ -188,10 +172,8 @@ limitations under the License.
<j:Slider width="200" value="3" minimum="0" maximum="10" valueChange="hg.gap = event.target.value"/>
</j:Card>
</j:GridCell> -->
-
- <!-- <j:GridCell desktopNumerator="1" desktopDenominator="3"
- tabletNumerator="1" tabletDenominator="3"
- phoneNumerator="1" phoneDenominator="1">
+
+ <!-- <j:GridCell desktopNumerator="1" desktopDenominator="3" tabletNumerator="1" tabletDenominator="3" phoneNumerator="1" phoneDenominator="1">
<j:Card>
<html:H4 text="Jewel VGroup"/>
diff --git a/examples/royale/TourDeJewel/src/main/royale/ListPlayGround.mxml b/examples/royale/TourDeJewel/src/main/royale/ListPlayGround.mxml
index 151c460..f5f87d3 100644
--- a/examples/royale/TourDeJewel/src/main/royale/ListPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/ListPlayGround.mxml
@@ -17,14 +17,14 @@ See the License for the specific language governing permissions and
limitations under the License.
-->
-<c:ExampleAndSourceCodeTabbedSectionContent xmlns:fx="http://ns.adobe.com/mxml/2009"
- xmlns:j="library://ns.apache.org/royale/jewel"
- xmlns:html="library://ns.apache.org/royale/html"
- xmlns:js="library://ns.apache.org/royale/basic"
- xmlns:c="components.*"
- xmlns:models="models.*"
- sourceCodeUrl="ListPlayGround.mxml">
- <fx:Script>
+<c:ExampleAndSourceCodeTabbedSectionContent xmlns:fx="http://ns.adobe.com/mxml/2009"
+ xmlns:j="library://ns.apache.org/royale/jewel"
+ xmlns:html="library://ns.apache.org/royale/html"
+ xmlns:js="library://ns.apache.org/royale/basic"
+ xmlns:c="components.*"
+ xmlns:models="models.*" sourceCodeUrl="ListPlayGround.mxml">
+
+ <fx:Script>
<![CDATA[
import org.apache.royale.collections.ArrayList;
import vos.IconListVO;
@@ -119,18 +119,16 @@ limitations under the License.
]]>
</fx:Script>
- <j:model>
- <models:ListsModel id="listModel"/>
+ <j:model>
+ <models:ListsModel id="listModel"/>
</j:model>
<j:beads>
- <js:ContainerDataBinding/>
- </j:beads>
+ <js:ContainerDataBinding/>
+ </j:beads>
<j:Grid gap="true" itemsVerticalAlign="itemsSameHeight">
- <j:GridCell desktopNumerator="1" desktopDenominator="2"
- tabletNumerator="1" tabletDenominator="2"
- phoneNumerator="1" phoneDenominator="1">
+ <j:GridCell desktopNumerator="1" desktopDenominator="2" tabletNumerator="1" tabletDenominator="2" phoneNumerator="1" phoneDenominator="1">
<j:Card>
<html:H3 text="Jewel List"/>
<j:List id="list" width="200" height="300" dataProvider="{simple}" change="onChange(event)"/>
@@ -148,18 +146,13 @@ limitations under the License.
</j:Card>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="2"
- tabletNumerator="1" tabletDenominator="2"
- phoneNumerator="1" phoneDenominator="1">
+ <j:GridCell desktopNumerator="1" desktopDenominator="2" tabletNumerator="1" tabletDenominator="2" phoneNumerator="1" phoneDenominator="1">
<j:Card>
<html:H3 text="Jewel List With ItemRenderer"/>
<j:HGroup gap="3">
<j:List id="iconList" width="200" height="300" className="iconListItemRenderer">
<j:beads>
- <js:ConstantBinding
- sourceID="listModel"
- sourcePropertyName="iconListData"
- destinationPropertyName="dataProvider" />
+ <js:ConstantBinding sourceID="listModel" sourcePropertyName="iconListData" destinationPropertyName="dataProvider" />
<j:AddListItemRendererForArrayListData/>
<j:RemoveListItemRendererForArrayListData/>
<j:UpdateListItemRendererForArrayListData/>
@@ -172,9 +165,9 @@ limitations under the License.
<j:Button text="Remove first item" click="removeItemAt()"/>
<j:Button text="Update first item" click="updateFirstItem()"/>
<j:Button text="Remove all data" click="removeAllData()"/>
- <j:Label html="{'Selected Index: ' + iconList.selectedIndex}"/>
- <j:Label html="Selected Item description:"/>
- <j:Label html="{describeIconItem(iconList.selectedItem)}"/>
+ <j:Label html="{'Selected Index: ' + iconList.selectedIndex}"/>
+ <j:Label html="Selected Item description:"/>
+ <j:Label html="{describeIconItem(iconList.selectedItem)}"/>
<!-- example below for dataProvider binding -->
<!--<j:List labelField="label" dataProvider="{iconList.dataProvider}" selectedIndex="3" width="120" height="200" />-->
</j:VGroup>
@@ -183,34 +176,28 @@ limitations under the License.
</j:GridCell>
</j:Grid>
<j:Grid gap="true">
- <j:GridCell desktopNumerator="1" desktopDenominator="2"
- tabletNumerator="1" tabletDenominator="2"
- phoneNumerator="1" phoneDenominator="1">
+ <j:GridCell desktopNumerator="1" desktopDenominator="2" tabletNumerator="1" tabletDenominator="2" phoneNumerator="1" phoneDenominator="1">
<j:Card>
<html:H3 text="Jewel DataContainer (with Flow Layout)"/>
<j:DataContainer>
<j:beads>
<j:HorizontalFlowLayout gap="3"/>
- <js:ConstantBinding
- sourcePropertyName="simple"
- destinationPropertyName="dataProvider" />
+ <js:ConstantBinding sourcePropertyName="simple" destinationPropertyName="dataProvider" />
</j:beads>
</j:DataContainer>
</j:Card>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="2"
- tabletNumerator="1" tabletDenominator="2"
- phoneNumerator="1" phoneDenominator="1">
+ <j:GridCell desktopNumerator="1" desktopDenominator="2" tabletNumerator="1" tabletDenominator="2" phoneNumerator="1" phoneDenominator="1">
<j:Card>
<html:H3 text="Jewel List (Horizontal)"/>
<j:List id="alist" percentWidth="100" height="100">
- <j:beads>
- <j:HorizontalLayout itemsExpand="true" />
- </j:beads>
- <j:dataProvider>
- <js:ArrayList id="avengersCharacters" source="[Iron Man, Hulk, Thor, Captain America, Hawkeye]" />
- </j:dataProvider>
- </j:List>
+ <j:beads>
+ <j:HorizontalLayout itemsExpand="true" />
+ </j:beads>
+ <j:dataProvider>
+ <js:ArrayList id="avengersCharacters" source="[Iron Man, Hulk, Thor, Captain America, Hawkeye]" />
+ </j:dataProvider>
+ </j:List>
</j:Card>
</j:GridCell>
</j:Grid>
diff --git a/examples/royale/TourDeJewel/src/main/royale/MainContent.mxml b/examples/royale/TourDeJewel/src/main/royale/MainContent.mxml
index a4e9952..23222fa 100644
--- a/examples/royale/TourDeJewel/src/main/royale/MainContent.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/MainContent.mxml
@@ -17,13 +17,13 @@ See the License for the specific language governing permissions and
limitations under the License.
-->
-<j:ApplicationResponsiveView 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"
- xmlns:models="models.*"
- xmlns:local="*">
-
+<j:ApplicationResponsiveView 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"
+ xmlns:models="models.*"
+ xmlns:local="*">
+
<fx:Script>
<![CDATA[
import vos.NavigationLinkVO;
@@ -54,8 +54,8 @@ limitations under the License.
</j:model>
<j:beads>
- <js:ContainerDataBinding/>
- </j:beads>
+ <js:ContainerDataBinding/>
+ </j:beads>
<j:Drawer id="drawer">
<j:beads>
@@ -67,19 +67,13 @@ limitations under the License.
<j:DrawerContent>
<j:Navigation change="changeHandler(event)" className="navIconLinkItemRenderer">
<j:beads>
- <js:ConstantBinding
- sourceID="mainNavigationModel"
- sourcePropertyName="containerDrawerNavigation"
- destinationPropertyName="dataProvider"/>
+ <js:ConstantBinding sourceID="mainNavigationModel" sourcePropertyName="containerDrawerNavigation" destinationPropertyName="dataProvider"/>
</j:beads>
</j:Navigation>
<j:Divider/>
<j:Navigation change="changeHandler(event)" className="navIconLinkItemRenderer">
<j:beads>
- <js:ConstantBinding
- sourceID="mainNavigationModel"
- sourcePropertyName="controlsDrawerNavigation"
- destinationPropertyName="dataProvider"/>
+ <js:ConstantBinding sourceID="mainNavigationModel" sourcePropertyName="controlsDrawerNavigation" destinationPropertyName="dataProvider"/>
</j:beads>
</j:Navigation>
</j:DrawerContent>
diff --git a/examples/royale/TourDeJewel/src/main/royale/MiscelaneaPlayGound.mxml b/examples/royale/TourDeJewel/src/main/royale/MiscelaneaPlayGound.mxml
index 4b94a01..569766b 100644
--- a/examples/royale/TourDeJewel/src/main/royale/MiscelaneaPlayGound.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/MiscelaneaPlayGound.mxml
@@ -17,12 +17,12 @@ See the License for the specific language governing permissions and
limitations under the License.
-->
-<c:ExampleAndSourceCodeTabbedSectionContent xmlns:fx="http://ns.adobe.com/mxml/2009"
- xmlns:j="library://ns.apache.org/royale/jewel"
- xmlns:html="library://ns.apache.org/royale/html"
- xmlns:js="library://ns.apache.org/royale/basic"
- xmlns:c="components.*"
- sourceCodeUrl="MiscelaneaPlayGound.mxml">
+<c:ExampleAndSourceCodeTabbedSectionContent xmlns:fx="http://ns.adobe.com/mxml/2009"
+ xmlns:j="library://ns.apache.org/royale/jewel"
+ xmlns:html="library://ns.apache.org/royale/html"
+ xmlns:js="library://ns.apache.org/royale/basic"
+ xmlns:c="components.*" sourceCodeUrl="MiscelaneaPlayGound.mxml">
+
<j:beads>
<js:ContainerDataBinding/>
</j:beads>
@@ -31,10 +31,10 @@ limitations under the License.
<j:beads>
<j:HorizontalCenteredLayout gap="3"/>
</j:beads>
-
+
<j:Card width="350">
<html:H3 text="Jewel Icons Sizes"/>
-
+
<js:FontIcon text="{MaterialIconType.FACE}" material="true" size="18"/>
<j:Label text="18px"/>
<js:FontIcon text="{MaterialIconType.FACE}" material="true" size="24"/>
@@ -46,7 +46,7 @@ limitations under the License.
</j:Card>
<j:Card width="350">
<html:H3 text="Jewel Icons Dark / Light"/>
-
+
<js:FontIcon text="{MaterialIconType.FACE}" material="true" dark="true"/>
<j:Label text="dark"/>
<js:FontIcon text="{MaterialIconType.FACE}" material="true" dark="true" inactive="true"/>
diff --git a/examples/royale/TourDeJewel/src/main/royale/NumericStepperPlayGround.mxml b/examples/royale/TourDeJewel/src/main/royale/NumericStepperPlayGround.mxml
index ca931e3..8691bc0 100644
--- a/examples/royale/TourDeJewel/src/main/royale/NumericStepperPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/NumericStepperPlayGround.mxml
@@ -17,12 +17,12 @@ See the License for the specific language governing permissions and
limitations under the License.
-->
-<c:ExampleAndSourceCodeTabbedSectionContent xmlns:fx="http://ns.adobe.com/mxml/2009"
- xmlns:j="library://ns.apache.org/royale/jewel"
- xmlns:html="library://ns.apache.org/royale/html"
- xmlns:js="library://ns.apache.org/royale/basic"
- xmlns:c="components.*"
- sourceCodeUrl="NumericStepperPlayGround.mxml">
+<c:ExampleAndSourceCodeTabbedSectionContent xmlns:fx="http://ns.adobe.com/mxml/2009"
+ xmlns:j="library://ns.apache.org/royale/jewel"
+ xmlns:html="library://ns.apache.org/royale/html"
+ xmlns:js="library://ns.apache.org/royale/basic"
+ xmlns:c="components.*" sourceCodeUrl="NumericStepperPlayGround.mxml">
+
<fx:Script>
<![CDATA[
private function valueChangeHandler(event:Event):void {
@@ -38,7 +38,7 @@ limitations under the License.
<j:NumericStepper id="numericStepper" valueChange="valueChangeHandler(event)"/>
<j:Label id="result" text="Default NumericStepper: "/>
</j:HGroup>
-
+
<j:HGroup gap="3" itemsVerticalAlign="itemsCentered">
<j:NumericStepper value="30"/>
<j:Label text="NumericStepper value='30'"/>
diff --git a/examples/royale/TourDeJewel/src/main/royale/PopUpViewPlayGround.mxml b/examples/royale/TourDeJewel/src/main/royale/PopUpViewPlayGround.mxml
index ffeee20..c7c5f66 100644
--- a/examples/royale/TourDeJewel/src/main/royale/PopUpViewPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/PopUpViewPlayGround.mxml
@@ -17,12 +17,12 @@ See the License for the specific language governing permissions and
limitations under the License.
-->
-<c:ExampleAndSourceCodeTabbedSectionContent xmlns:fx="http://ns.adobe.com/mxml/2009"
- xmlns:j="library://ns.apache.org/royale/jewel"
- xmlns:html="library://ns.apache.org/royale/html"
- xmlns:js="library://ns.apache.org/royale/basic"
- xmlns:c="components.*"
- sourceCodeUrl="PopUpViewPlayGround.mxml">
+<c:ExampleAndSourceCodeTabbedSectionContent xmlns:fx="http://ns.adobe.com/mxml/2009"
+ xmlns:j="library://ns.apache.org/royale/jewel"
+ xmlns:html="library://ns.apache.org/royale/html"
+ xmlns:js="library://ns.apache.org/royale/basic"
+ xmlns:c="components.*" sourceCodeUrl="PopUpViewPlayGround.mxml">
+
<fx:Script>
<![CDATA[
import org.apache.royale.jewel.PopUp;
@@ -30,27 +30,23 @@ limitations under the License.
</fx:Script>
<j:beads>
- <js:ContainerDataBinding/>
- </j:beads>
-
+ <js:ContainerDataBinding/>
+ </j:beads>
+
<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="2" tabletNumerator="1" tabletDenominator="1" phoneNumerator="1" phoneDenominator="1">
<j:Card>
<html:H3 text="Jewel PopUp"/>
-
+
<!-- PopUp 1-->
<j:Label text="Click the button below to display the PopUp"/>
<j:Button text="show popup" emphasis="primary" click="popup.show()"/>
<j:PopUp id="popup" className="somePopUpContent"/>
</j:Card>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="2"
- tabletNumerator="1" tabletDenominator="1"
- phoneNumerator="1" phoneDenominator="1">
+ <j:GridCell desktopNumerator="1" desktopDenominator="2" tabletNumerator="1" tabletDenominator="1" phoneNumerator="1" phoneDenominator="1">
<j:Card>
-
+
</j:Card>
</j:GridCell>
</j:Grid>
diff --git a/examples/royale/TourDeJewel/src/main/royale/RadioButtonPlayGround.mxml b/examples/royale/TourDeJewel/src/main/royale/RadioButtonPlayGround.mxml
index de1bb66..d0ea7a6 100644
--- a/examples/royale/TourDeJewel/src/main/royale/RadioButtonPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/RadioButtonPlayGround.mxml
@@ -17,12 +17,12 @@ See the License for the specific language governing permissions and
limitations under the License.
-->
-<c:ExampleAndSourceCodeTabbedSectionContent xmlns:fx="http://ns.adobe.com/mxml/2009"
- xmlns:j="library://ns.apache.org/royale/jewel"
- xmlns:html="library://ns.apache.org/royale/html"
- xmlns:js="library://ns.apache.org/royale/basic"
- xmlns:c="components.*"
- sourceCodeUrl="RadioButtonPlayGround.mxml">
+<c:ExampleAndSourceCodeTabbedSectionContent xmlns:fx="http://ns.adobe.com/mxml/2009"
+ xmlns:j="library://ns.apache.org/royale/jewel"
+ xmlns:html="library://ns.apache.org/royale/html"
+ xmlns:js="library://ns.apache.org/royale/basic"
+ xmlns:c="components.*" sourceCodeUrl="RadioButtonPlayGround.mxml">
+
<j:Card width="350">
<html:H3 text="Jewel RadioButton"/>
diff --git a/examples/royale/TourDeJewel/src/main/royale/SliderPlayGround.mxml b/examples/royale/TourDeJewel/src/main/royale/SliderPlayGround.mxml
index e9ed3ae..cbfdcb8 100644
--- a/examples/royale/TourDeJewel/src/main/royale/SliderPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/SliderPlayGround.mxml
@@ -17,12 +17,12 @@ See the License for the specific language governing permissions and
limitations under the License.
-->
-<c:ExampleAndSourceCodeTabbedSectionContent xmlns:fx="http://ns.adobe.com/mxml/2009"
- xmlns:j="library://ns.apache.org/royale/jewel"
- xmlns:html="library://ns.apache.org/royale/html"
- xmlns:js="library://ns.apache.org/royale/basic"
- xmlns:c="components.*"
- sourceCodeUrl="SliderPlayGround.mxml">
+<c:ExampleAndSourceCodeTabbedSectionContent xmlns:fx="http://ns.adobe.com/mxml/2009"
+ xmlns:j="library://ns.apache.org/royale/jewel"
+ xmlns:html="library://ns.apache.org/royale/html"
+ xmlns:js="library://ns.apache.org/royale/basic"
+ xmlns:c="components.*" sourceCodeUrl="SliderPlayGround.mxml">
+
<fx:Script>
<![CDATA[
@@ -54,20 +54,14 @@ limitations under the License.
</fx:Script>
<j:beads>
- <js:ContainerDataBinding/>
- </j:beads>
+ <js:ContainerDataBinding/>
+ </j:beads>
<j:Card width="350">
<html:H3 text="Jewel Slider"/>
-
- <j:Slider id="slider_w" width="250" value="250" minimum="100" maximum="500"
- change="onChange(event)"
- input="onInput(event)"
- valueChange="onValueChange(event)"/>
- <j:Slider id="slider_h" width="250" value="80" minimum="40" maximum="300"
- change="onChange(event)"
- input="onInput(event)"
- valueChange="onValueChange(event)"/>
+
+ <j:Slider id="slider_w" width="250" value="250" minimum="100" maximum="500" change="onChange(event)" input="onInput(event)" valueChange="onValueChange(event)"/>
+ <j:Slider id="slider_h" width="250" value="80" minimum="40" maximum="300" change="onChange(event)" input="onInput(event)" valueChange="onValueChange(event)"/>
<j:Slider id="slider_dis" width="250" value="70" minimum="0" maximum="100">
<j:beads>
@@ -75,7 +69,6 @@ limitations under the License.
</j:beads>
</j:Slider>
- <j:Button id="button" text="Slider to 400x200" width="250" height="80" emphasis="{Button.PRIMARY}"
- click="clickHandler(event)"/>
+ <j:Button id="button" text="Slider to 400x200" width="250" height="80" emphasis="{Button.PRIMARY}" click="clickHandler(event)"/>
</j:Card>
</c:ExampleAndSourceCodeTabbedSectionContent>
diff --git a/examples/royale/TourDeJewel/src/main/royale/SnackbarPlayGround.mxml b/examples/royale/TourDeJewel/src/main/royale/SnackbarPlayGround.mxml
index 4a61a4d..d68d707 100644
--- a/examples/royale/TourDeJewel/src/main/royale/SnackbarPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/SnackbarPlayGround.mxml
@@ -17,12 +17,12 @@ See the License for the specific language governing permissions and
limitations under the License.
-->
-<c:ExampleAndSourceCodeTabbedSectionContent xmlns:fx="http://ns.adobe.com/mxml/2009"
- xmlns:j="library://ns.apache.org/royale/jewel"
- xmlns:html="library://ns.apache.org/royale/html"
- xmlns:js="library://ns.apache.org/royale/basic"
- xmlns:c="components.*"
- sourceCodeUrl="SnackbarPlayGround.mxml">
+<c:ExampleAndSourceCodeTabbedSectionContent xmlns:fx="http://ns.adobe.com/mxml/2009"
+ xmlns:j="library://ns.apache.org/royale/jewel"
+ xmlns:html="library://ns.apache.org/royale/html"
+ xmlns:js="library://ns.apache.org/royale/basic"
+ xmlns:c="components.*" sourceCodeUrl="SnackbarPlayGround.mxml">
+
<fx:Script>
<![CDATA[
import org.apache.royale.jewel.Snackbar;
@@ -45,48 +45,37 @@ limitations under the License.
]]>
</fx:Script>
<j:beads>
- <js:ContainerDataBinding/>
- </j:beads>
+ <js:ContainerDataBinding/>
+ </j:beads>
<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="2" tabletNumerator="1" tabletDenominator="1" phoneNumerator="1" phoneDenominator="1">
<j:Card>
<html:H3 text="Jewel Snackbar"/>
-
+
<!-- Alert 1-->
- <j:Label text="Click the button below to display a simple Snackbar"
- multiline="true"/>
+ <j:Label text="Click the button below to display a simple Snackbar" multiline="true"/>
<j:Button text="Click Me" click="Snackbar.show('This is an Snackbar component example that shows a message')"/>
<!-- Alert 2-->
- <j:Label text="Click the button below to display an Snackbar and capture the action pressed by the user."
- multiline="true"/>
+ <j:Label text="Click the button below to display an Snackbar and capture the action pressed by the user." multiline="true"/>
<j:Button text="Click Me" click="clickHandler(event)"/>
<j:Label id="status"/>
-
+
<!-- Alert 3 (Long Message)-->
- <j:Label text="This is long message example just for demonstration. Do not use long message and 'DISMISS' action in Snackbar, because it automatically disappear after a timeout."
- multiline="true"/>
+ <j:Label text="This is long message example just for demonstration. Do not use long message and 'DISMISS' action in Snackbar, because it automatically disappear after a timeout." multiline="true"/>
<j:Button text="Click Me" click="clickHandler2(event)"/>
</j:Card>
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="2"
- tabletNumerator="1" tabletDenominator="1"
- phoneNumerator="1" phoneDenominator="1">
+ <j:GridCell desktopNumerator="1" desktopDenominator="2" tabletNumerator="1" tabletDenominator="1" phoneNumerator="1" phoneDenominator="1">
<j:Card>
<html:H3 text="Snackbar with emphasis"/>
- <j:Label text="Click the button below to display Snackbar with different emphasis"
- multiline="true"/>
+ <j:Label text="Click the button below to display Snackbar with different emphasis" multiline="true"/>
<j:VGroup gap="8">
<j:Button text="Default" id="button" click="Snackbar.show('This is Default')"/>
- <j:Button text="Primary" emphasis="{Button.PRIMARY}"
- click="{Snackbar.show('This is Primary').emphasis = Button.PRIMARY}"/>
- <j:Button text="Secondary" emphasis="{Button.SECONDARY}"
- click="{Snackbar.show('Secondary with ACTION',4000,'ACTION').emphasis = Button.SECONDARY}"/>
- <j:Button text="Emphasized" emphasis="{Button.EMPHASIZED}"
- click="{Snackbar.show('This is Emphasized with some message').emphasis = Button.EMPHASIZED}"/>
+ <j:Button text="Primary" emphasis="{Button.PRIMARY}" click="{Snackbar.show('This is Primary').emphasis = Button.PRIMARY}"/>
+ <j:Button text="Secondary" emphasis="{Button.SECONDARY}" click="{Snackbar.show('Secondary with ACTION',4000,'ACTION').emphasis = Button.SECONDARY}"/>
+ <j:Button text="Emphasized" emphasis="{Button.EMPHASIZED}" click="{Snackbar.show('This is Emphasized with some message').emphasis = Button.EMPHASIZED}"/>
</j:VGroup>
</j:Card>
</j:GridCell>
diff --git a/examples/royale/TourDeJewel/src/main/royale/TabBarPlayGround.mxml b/examples/royale/TourDeJewel/src/main/royale/TabBarPlayGround.mxml
index 565012a..2eaed8b 100644
--- a/examples/royale/TourDeJewel/src/main/royale/TabBarPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/TabBarPlayGround.mxml
@@ -17,12 +17,12 @@ See the License for the specific language governing permissions and
limitations under the License.
-->
-<c:ExampleAndSourceCodeTabbedSectionContent xmlns:fx="http://ns.adobe.com/mxml/2009"
- xmlns:j="library://ns.apache.org/royale/jewel"
- xmlns:html="library://ns.apache.org/royale/html"
- xmlns:js="library://ns.apache.org/royale/basic"
- xmlns:c="components.*"
- sourceCodeUrl="TabBarPlayGround.mxml">
+<c:ExampleAndSourceCodeTabbedSectionContent xmlns:fx="http://ns.adobe.com/mxml/2009"
+ xmlns:j="library://ns.apache.org/royale/jewel"
+ xmlns:html="library://ns.apache.org/royale/html"
+ xmlns:js="library://ns.apache.org/royale/basic"
+ xmlns:c="components.*" sourceCodeUrl="TabBarPlayGround.mxml">
+
<fx:Script>
<![CDATA[
import org.apache.royale.collections.ArrayList;
@@ -47,23 +47,19 @@ limitations under the License.
}
]]>
</fx:Script>
-
+
<j:beads>
- <js:ContainerDataBinding/>
- </j:beads>
+ <js:ContainerDataBinding/>
+ </j:beads>
<j:Grid gap="true" itemsVerticalAlign="itemsSameHeight">
- <j:GridCell desktopNumerator="1" desktopDenominator="1"
- 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 TabBar"/>
-
+
<j:TabBar id="tabbar" className="tabBarIconItemRenderer" change="changeHandler(event)">
<j:beads>
- <js:ConstantBinding
- sourcePropertyName="tabBarNavigation"
- destinationPropertyName="dataProvider"/>
+ <js:ConstantBinding sourcePropertyName="tabBarNavigation" destinationPropertyName="dataProvider"/>
</j:beads>
</j:TabBar>
<j:TabBarContent id="tabcontent">
@@ -83,7 +79,7 @@ limitations under the License.
</j:Card>
</j:GridCell>
-
+
</j:Grid>
</c:ExampleAndSourceCodeTabbedSectionContent>
diff --git a/examples/royale/TourDeJewel/src/main/royale/TablePlayGround.mxml b/examples/royale/TourDeJewel/src/main/royale/TablePlayGround.mxml
index bb04a72..7d60102 100644
--- a/examples/royale/TourDeJewel/src/main/royale/TablePlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/TablePlayGround.mxml
@@ -17,25 +17,23 @@ See the License for the specific language governing permissions and
limitations under the License.
-->
-<c:ExampleAndSourceCodeTabbedSectionContent xmlns:fx="http://ns.adobe.com/mxml/2009"
- xmlns:j="library://ns.apache.org/royale/jewel"
- xmlns:html="library://ns.apache.org/royale/html"
- xmlns:js="library://ns.apache.org/royale/basic"
- xmlns:c="components.*"
- xmlns:models="models.*"
- sourceCodeUrl="TablePlayGround.mxml">
+<c:ExampleAndSourceCodeTabbedSectionContent xmlns:fx="http://ns.adobe.com/mxml/2009"
+ xmlns:j="library://ns.apache.org/royale/jewel"
+ xmlns:html="library://ns.apache.org/royale/html"
+ xmlns:js="library://ns.apache.org/royale/basic"
+ xmlns:c="components.*"
+ xmlns:models="models.*" sourceCodeUrl="TablePlayGround.mxml">
+
<j:model>
- <models:TablesModel id="tablesModel"/>
+ <models:TablesModel id="tablesModel"/>
</j:model>
<j:beads>
- <js:ContainerDataBinding/>
- </j:beads>
+ <js:ContainerDataBinding/>
+ </j:beads>
<j:Grid gap="true" itemsVerticalAlign="itemsSameHeight">
- <j:GridCell desktopNumerator="1" desktopDenominator="1"
- 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 SimpleTable"/>
@@ -87,7 +85,7 @@ limitations under the License.
<j:TableCell>
<js:FontIcon text="{MaterialIconType.INSERT_DRIVE_FILE}" material="true"/>
</j:TableCell>
-
+
<j:TableCell>
<j:Label text="More centered text">
<j:beads>
@@ -111,7 +109,7 @@ limitations under the License.
<j:Label text="More text 2" />
</j:TableCell>
<j:TableCell>
- <j:Label text="More centered text 2" >
+ <j:Label text="More centered text 2">
<j:beads>
<j:TextAlign align="center"/>
</j:beads>
@@ -141,7 +139,7 @@ limitations under the License.
</j:VGroup>
</j:TableCell>
<j:TableCell>
- <j:Label text="More centered text 3" >
+ <j:Label text="More centered text 3">
<j:beads>
<j:TextAlign align="center"/>
</j:beads>
@@ -162,7 +160,7 @@ limitations under the License.
<j:HGroup gap="3" itemsHorizontalAlign="itemsRight">
<j:IconTextInput rightPosition="true">
<j:beads>
- <j:TextPrompt prompt="Search..."/>
+ <j:TextPrompt prompt="Search..."/>
</j:beads>
<j:icon>
<js:FontIcon text="{MaterialIconType.SEARCH}" material="true"/>
@@ -178,9 +176,7 @@ limitations under the License.
</j:GridCell>
- <j:GridCell desktopNumerator="1" desktopDenominator="1"
- 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 Table (This component is still in development)"/>
diff --git a/examples/royale/TourDeJewel/src/main/royale/TextInputPlayGround.mxml b/examples/royale/TourDeJewel/src/main/royale/TextInputPlayGround.mxml
index 2be75e1..b115f6c 100644
--- a/examples/royale/TourDeJewel/src/main/royale/TextInputPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/TextInputPlayGround.mxml
@@ -17,12 +17,12 @@ See the License for the specific language governing permissions and
limitations under the License.
-->
-<c:ExampleAndSourceCodeTabbedSectionContent xmlns:fx="http://ns.adobe.com/mxml/2009"
- xmlns:j="library://ns.apache.org/royale/jewel"
- xmlns:html="library://ns.apache.org/royale/html"
- xmlns:js="library://ns.apache.org/royale/basic"
- xmlns:c="components.*"
- sourceCodeUrl="TextInputPlayGround.mxml">
+<c:ExampleAndSourceCodeTabbedSectionContent xmlns:fx="http://ns.adobe.com/mxml/2009"
+ xmlns:j="library://ns.apache.org/royale/jewel"
+ xmlns:html="library://ns.apache.org/royale/html"
+ xmlns:js="library://ns.apache.org/royale/basic"
+ xmlns:c="components.*" sourceCodeUrl="TextInputPlayGround.mxml">
+
<fx:Script>
<![CDATA[
private function onValueChange(event:Event):void
@@ -40,14 +40,11 @@ limitations under the License.
</fx:Script>
<j:beads>
- <js:ContainerDataBinding/>
- </j:beads>
+ <js:ContainerDataBinding/>
+ </j:beads>
<j:Grid gap="true" itemsVerticalAlign="itemsSameHeight">
- <j:GridCell wideScreenNumerator="1" wideScreenDenominator="2"
- desktopNumerator="1" desktopDenominator="1"
- tabletNumerator="1" tabletDenominator="1"
- phoneNumerator="1" phoneDenominator="1">
+ <j:GridCell wideScreenNumerator="1" wideScreenDenominator="2" desktopNumerator="1" desktopDenominator="1" tabletNumerator="1" tabletDenominator="1" phoneNumerator="1" phoneDenominator="1">
<j:Card>
<html:H3 text="Jewel TextInput"/>
@@ -84,7 +81,7 @@ limitations under the License.
<j:Disabled/>
</j:beads>
</j:TextInput>
-
+
<j:HGroup gap="3" itemsVerticalAlign="itemsSameHeight">
<j:TextInput id="textinput">
<j:beads>
@@ -129,11 +126,8 @@ limitations under the License.
</j:VGroup>
</j:Card>
</j:GridCell>
-
- <j:GridCell wideScreenNumerator="1" wideScreenDenominator="2"
- desktopNumerator="1" desktopDenominator="2"
- tabletNumerator="1" tabletDenominator="2"
- phoneNumerator="1" phoneDenominator="1">
+
+ <j:GridCell wideScreenNumerator="1" wideScreenDenominator="2" desktopNumerator="1" desktopDenominator="2" tabletNumerator="1" tabletDenominator="2" phoneNumerator="1" phoneDenominator="1">
<j:Card width="100%">
<html:H4 text="TextInput Sizes"/>
<j:TextInput>
@@ -142,14 +136,14 @@ limitations under the License.
<j:SizeControl size="xsmall"/>
</j:beads>
</j:TextInput>
-
+
<j:TextInput>
<j:beads>
<j:TextPrompt prompt="Size small"/>
<j:SizeControl size="small"/>
</j:beads>
</j:TextInput>
-
+
<j:TextInput>
<j:beads>
<j:TextPrompt prompt="Size normal"/>
@@ -171,10 +165,7 @@ limitations under the License.
</j:TextInput>
</j:Card>
</j:GridCell>
- <j:GridCell wideScreenNumerator="1" wideScreenDenominator="1"
- desktopNumerator="1" desktopDenominator="1"
- tabletNumerator="1" tabletDenominator="2"
- phoneNumerator="1" phoneDenominator="1">
+ <j:GridCell wideScreenNumerator="1" wideScreenDenominator="1" desktopNumerator="1" desktopDenominator="1" tabletNumerator="1" tabletDenominator="2" phoneNumerator="1" phoneDenominator="1">
<j:Card width="100%">
<html:H4 text="Jewel TextArea"/>
@@ -197,10 +188,7 @@ limitations under the License.
</j:Grid>
<j:Grid gap="true">
- <j:GridCell wideScreenNumerator="1" wideScreenDenominator="1"
- desktopNumerator="1" desktopDenominator="1"
- tabletNumerator="1" tabletDenominator="1"
- phoneNumerator="1" phoneDenominator="1">
+ <j:GridCell wideScreenNumerator="1" wideScreenDenominator="1" desktopNumerator="1" desktopDenominator="1" tabletNumerator="1" tabletDenominator="1" phoneNumerator="1" phoneDenominator="1">
<j:Card>
<html:H3 text="Jewel IconTextInput"/>
@@ -212,7 +200,7 @@ limitations under the License.
<j:IconTextInput rightPosition="true">
<j:beads>
- <j:TextPrompt prompt="Search..."/>
+ <j:TextPrompt prompt="Search..."/>
</j:beads>
<j:icon>
<js:FontIcon text="{MaterialIconType.SEARCH}" material="true"/>
@@ -241,7 +229,7 @@ limitations under the License.
<j:IconTextInput text="Searching something">
<j:beads>
- <j:SizeControl size="xlarge"/>
+ <j:SizeControl size="xlarge"/>
</j:beads>
<j:icon>
<js:FontIcon text="{MaterialIconType.SEARCH}" material="true"/>
@@ -250,10 +238,7 @@ limitations under the License.
</j:Card>
</j:GridCell>
- <!-- <j:GridCell wideScreenNumerator="1" wideScreenDenominator="2"
- desktopNumerator="1" desktopDenominator="1"
- tabletNumerator="1" tabletDenominator="1"
- phoneNumerator="1" phoneDenominator="1">
+ <!-- <j:GridCell wideScreenNumerator="1" wideScreenDenominator="2" desktopNumerator="1" desktopDenominator="1" tabletNumerator="1" tabletDenominator="1" phoneNumerator="1" phoneDenominator="1">
<j:Card>
</j:Card>
diff --git a/examples/royale/TourDeJewel/src/main/royale/ViewStatesPlayGround.mxml b/examples/royale/TourDeJewel/src/main/royale/ViewStatesPlayGround.mxml
index aa80417..c720875 100644
--- a/examples/royale/TourDeJewel/src/main/royale/ViewStatesPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/ViewStatesPlayGround.mxml
@@ -17,16 +17,16 @@ See the License for the specific language governing permissions and
limitations under the License.
-->
-<c:ExampleAndSourceCodeTabbedSectionContent xmlns:fx="http://ns.adobe.com/mxml/2009"
- xmlns:j="library://ns.apache.org/royale/jewel"
- xmlns:html="library://ns.apache.org/royale/html"
- xmlns:js="library://ns.apache.org/royale/basic"
- xmlns:c="components.*"
- sourceCodeUrl="ViewStatesPlayGround.mxml">
+<c:ExampleAndSourceCodeTabbedSectionContent xmlns:fx="http://ns.adobe.com/mxml/2009"
+ xmlns:j="library://ns.apache.org/royale/jewel"
+ xmlns:html="library://ns.apache.org/royale/html"
+ xmlns:js="library://ns.apache.org/royale/basic"
+ xmlns:c="components.*" sourceCodeUrl="ViewStatesPlayGround.mxml">
+
<j:Grid gap="true">
- <c:ViewStatesIncludeIn/>
+ <c:ViewStatesIncludeIn/>
- <c:ViewStatesDotNotation/>
+ <c:ViewStatesDotNotation/>
</j:Grid>
</c:ExampleAndSourceCodeTabbedSectionContent>
diff --git a/examples/royale/TourDeJewel/src/main/royale/WelcomeSection.mxml b/examples/royale/TourDeJewel/src/main/royale/WelcomeSection.mxml
index b896fa4..8fdf9a7 100644
--- a/examples/royale/TourDeJewel/src/main/royale/WelcomeSection.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/WelcomeSection.mxml
@@ -17,13 +17,13 @@ See the License for the specific language governing permissions and
limitations under the License.
-->
-<c:ExampleAndSourceCodeTabbedSectionContent xmlns:fx="http://ns.adobe.com/mxml/2009"
- xmlns:j="library://ns.apache.org/royale/jewel"
- xmlns:html="library://ns.apache.org/royale/html"
- xmlns:js="library://ns.apache.org/royale/basic"
- xmlns:c="components.*"
- sourceCodeUrl="WelcomeSection.mxml">
- <j:beads>
+<c:ExampleAndSourceCodeTabbedSectionContent xmlns:fx="http://ns.adobe.com/mxml/2009"
+ xmlns:j="library://ns.apache.org/royale/jewel"
+ xmlns:html="library://ns.apache.org/royale/html"
+ xmlns:js="library://ns.apache.org/royale/basic"
+ xmlns:c="components.*" sourceCodeUrl="WelcomeSection.mxml">
+
+ <j:beads>
<js:ContainerDataBinding/>
</j:beads>
@@ -31,38 +31,34 @@ limitations under the License.
<j:beads>
<j:VerticalCenteredLayout gap="9"/>
</j:beads>
-
+
<j:Image src="assets/apache-royale-logo.svg" height="300"/>
-
+
<html:H1 text="Welcome to Apache Royale Tour de Jewel Component Explorer v.0.9.4">
<html:beads>
<j:TextAlign align="center"/>
</html:beads>
</html:H1>
- <j:Label width="400"
- multiline="true"
- html="Jewel is a themeizable and responsive set of user interface components for Apache Royale to quickly build Front-end Applications with AS3 & MXML.<br>Check <a href='https://royale.apache.org'>https://royale.apache.org</a>">
+ <j:Label width="400" multiline="true" html="Jewel is a themeizable and responsive set of user interface components for Apache Royale to quickly build Front-end Applications with AS3 & MXML.<br>Check <a href='https://royale.apache.org'>https://royale.apache.org</a>">
<j:beads>
<j:SizeControl size="large"/>
<j:TextAlign align="center"/>
</j:beads>
</j:Label>
- <j:Label width="400"
- multiline="true"
- text="Browser support: Chrome (v.44+), Firefox (v.34+), IE 11 & Edge 15+, Safari (v.11.1+), Opera. Mobile: iOS (v.11.0), Android (v.5.0) & Windows Mobile">
+ <j:Label width="400" multiline="true" text="Browser support: Chrome (v.44+), Firefox (v.34+), IE 11 & Edge 15+, Safari (v.11.1+), Opera. Mobile: iOS (v.11.0), Android (v.5.0) & Windows Mobile">
<j:beads>
<j:SizeControl size="small"/>
<j:TextAlign align="center"/>
</j:beads>
</j:Label>
-
+
<j:HGroup gap="3">
<j:IconTextInput>
<j:beads>
<j:TextPrompt prompt="Search..."/>
- <j:SizeControl size="xlarge"/>
+ <j:SizeControl size="xlarge"/>
</j:beads>
<j:icon>
<js:FontIcon text="{MaterialIconType.SEARCH}" material="true"/>
@@ -74,7 +70,7 @@ limitations under the License.
</j:beads>
</j:Button>
</j:HGroup>
-
+
<j:Spacer height="200"/>
<html:Span text="(This search box doesn't implements logic at this time)"/>
diff --git a/examples/royale/TourDeJewel/src/main/royale/WizardPlayGround.mxml b/examples/royale/TourDeJewel/src/main/royale/WizardPlayGround.mxml
index 8585a44..cc2311d 100644
--- a/examples/royale/TourDeJewel/src/main/royale/WizardPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/WizardPlayGround.mxml
@@ -17,12 +17,12 @@ See the License for the specific language governing permissions and
limitations under the License.
-->
-<c:ExampleAndSourceCodeTabbedSectionContent xmlns:fx="http://ns.adobe.com/mxml/2009"
- xmlns:j="library://ns.apache.org/royale/jewel"
- xmlns:html="library://ns.apache.org/royale/html"
- xmlns:js="library://ns.apache.org/royale/basic"
- xmlns:c="components.*"
- sourceCodeUrl="WizardPlayGround.mxml">
+<c:ExampleAndSourceCodeTabbedSectionContent xmlns:fx="http://ns.adobe.com/mxml/2009"
+ xmlns:j="library://ns.apache.org/royale/jewel"
+ xmlns:html="library://ns.apache.org/royale/html"
+ xmlns:js="library://ns.apache.org/royale/basic"
+ xmlns:c="components.*" sourceCodeUrl="WizardPlayGround.mxml">
+
<fx:Script>
<![CDATA[
import org.apache.royale.events.Event;
@@ -36,9 +36,9 @@ limitations under the License.
</fx:Script>
<j:beads>
- <js:ContainerDataBinding/>
- </j:beads>
-
+ <js:ContainerDataBinding/>
+ </j:beads>
+
<j:Card width="600">
<j:Wizard id="wizard" width="100%" height="500" title="{getStepLabel(wizard.currentStep)}">
<j:previousButton>
@@ -65,16 +65,16 @@ limitations under the License.
<views:step>
<j:WizardStep name="page1" nextStep="page2" initialPage="true" stepLabel="Page 1"/>
</views:step>
-
+
<c:FormExample label="Form Example in Page 1"/>
</j:WizardPage>
-
+
<j:WizardPage name="page2">
<views:step>
<j:WizardStep id="sl" name="page2" previousStep="page1" nextStep="page3" stepLabel="Page 2"/>
</views:step>
-
+
<j:Group>
<j:beads>
<j:VerticalCenteredLayout gap="9"/>
@@ -84,12 +84,12 @@ limitations under the License.
</j:Group>
</j:WizardPage>
-
+
<j:WizardPage name="page3">
<views:step>
<j:WizardStep name="page3" previousStep="page2" nextStep="page4" stepLabel="Page 3"/>
</views:step>
-
+
<j:Group>
<j:beads>
<j:VerticalCenteredLayout gap="9"/>
@@ -98,12 +98,12 @@ limitations under the License.
</j:Group>
</j:WizardPage>
-
+
<j:WizardPage localId="page4" name="page4">
<views:step>
<j:WizardStep name="page4" previousStep="page3" nextStep="page5" stepLabel="Page 4"/>
</views:step>
-
+
<j:Group>
<j:beads>
<j:VerticalCenteredLayout gap="9"/>
@@ -114,12 +114,12 @@ limitations under the License.
</j:Group>
</j:WizardPage>
-
+
<j:WizardPage name="page5">
<views:step>
<j:WizardStep name="page5" previousStep="page4" stepLabel="Page 5"/>
</views:step>
-
+
<j:Group>
<j:beads>
<j:VerticalCenteredLayout gap="9"/>
diff --git a/examples/royale/TourDeJewel/src/main/royale/components/ExampleAndSourceCodeTabbedSectionContent.as b/examples/royale/TourDeJewel/src/main/royale/components/ExampleAndSourceCodeTabbedSectionContent.as
index 4042bd0..f17c867 100644
--- a/examples/royale/TourDeJewel/src/main/royale/components/ExampleAndSourceCodeTabbedSectionContent.as
+++ b/examples/royale/TourDeJewel/src/main/royale/components/ExampleAndSourceCodeTabbedSectionContent.as
@@ -19,7 +19,10 @@
package components
{
import org.apache.royale.collections.ArrayList;
+ import org.apache.royale.core.IChild;
+ import org.apache.royale.core.IContainerBaseStrandChildrenHost;
import org.apache.royale.events.Event;
+ import org.apache.royale.html.elements.A;
import org.apache.royale.html.elements.Code;
import org.apache.royale.html.elements.Pre;
import org.apache.royale.jewel.SectionContent;
@@ -31,14 +34,7 @@ package components
import utils.HighlightCode;
import vos.TabBarButtonVO;
- import org.apache.royale.core.ValuesManager;
- import org.apache.royale.utils.MXMLDataInterpreter;
- import org.apache.royale.core.IContainerBaseStrandChildrenHost;
- import org.apache.royale.core.IChild;
- import org.apache.royale.html.elements.A;
-
- [DefaultProperty("mxmlContent")]
-
+
public class ExampleAndSourceCodeTabbedSectionContent extends SectionContent implements IContainerBaseStrandChildrenHost
{
/**
diff --git a/examples/royale/TourDeJewel/src/main/royale/components/FormExample.mxml b/examples/royale/TourDeJewel/src/main/royale/components/FormExample.mxml
index 50ef8b5..568bd66 100644
--- a/examples/royale/TourDeJewel/src/main/royale/components/FormExample.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/components/FormExample.mxml
@@ -17,15 +17,14 @@ See the License for the specific language governing permissions and
limitations under the License.
-->
-<j:Form 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"
- xmlns:models="models.*"
- valid="doSubmit(event)">
+<j:Form 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"
+ xmlns:models="models.*" valid="doSubmit(event)">
<fx:Script>
- <![CDATA[
+ <![CDATA[
import org.apache.royale.jewel.Alert;
import org.apache.royale.utils.StringPadder;
@@ -48,17 +47,17 @@ limitations under the License.
*/
public var label:String = "";
]]>
- </fx:Script>
+ </fx:Script>
<j:beads>
<j:FormValidator trigger="{btn}" triggerEvent="click" requiredFieldError="There are invalid data, please check it."/>
<js:ContainerDataBinding/>
</j:beads>
- <j:model>
+ <j:model>
<models:ListsModel id="listModel"/>
- </j:model>
-
+ </j:model>
+
<j:FormHeading initComplete="event.target.label = label"/>
<j:FormItem label="Your name" required="true">
diff --git a/examples/royale/TourDeJewel/src/main/royale/components/SomePopUpContent.mxml b/examples/royale/TourDeJewel/src/main/royale/components/SomePopUpContent.mxml
index bd784f9..1d66c9f 100644
--- a/examples/royale/TourDeJewel/src/main/royale/components/SomePopUpContent.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/components/SomePopUpContent.mxml
@@ -17,13 +17,13 @@ See the License for the specific language governing permissions and
limitations under the License.
-->
-<j:Card 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"
- width="500" height="400">
+<j:Card 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"
+ width="500" height="400">
<j:TextInput text="Hi"/>
<j:Button text="Some" emphasis="primary"/>
-
+
</j:Card>
\ No newline at end of file
diff --git a/examples/royale/TourDeJewel/src/main/royale/components/ViewStatesDotNotation.mxml b/examples/royale/TourDeJewel/src/main/royale/components/ViewStatesDotNotation.mxml
index 9d852db..533b1fe 100644
--- a/examples/royale/TourDeJewel/src/main/royale/components/ViewStatesDotNotation.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/components/ViewStatesDotNotation.mxml
@@ -17,19 +17,19 @@ 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="2"
- tabletNumerator="1" tabletDenominator="2"
- phoneNumerator="1" phoneDenominator="1">
+<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="2"
+ tabletNumerator="1" tabletDenominator="2"
+ phoneNumerator="1" phoneDenominator="1">
<j:states>
<js:State name="login"/>
<js:State name="loggedIn"/>
</j:states>
-
+
<j:beads>
<js:SimpleStatesImpl/>
</j:beads>
diff --git a/examples/royale/TourDeJewel/src/main/royale/components/ViewStatesIncludeIn.mxml b/examples/royale/TourDeJewel/src/main/royale/components/ViewStatesIncludeIn.mxml
index bf7e296..f75914f 100644
--- a/examples/royale/TourDeJewel/src/main/royale/components/ViewStatesIncludeIn.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/components/ViewStatesIncludeIn.mxml
@@ -17,19 +17,19 @@ 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="2"
- tabletNumerator="1" tabletDenominator="2"
- phoneNumerator="1" phoneDenominator="1">
+<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="2"
+ tabletNumerator="1" tabletDenominator="2"
+ phoneNumerator="1" phoneDenominator="1">
<j:states>
<js:State name="login"/>
<js:State name="loggedIn"/>
</j:states>
-
+
<j:beads>
<js:SimpleStatesImpl/>
</j:beads>
diff --git a/examples/royale/TourDeJewel/src/main/royale/itemRenderers/IconListItemRenderer.mxml b/examples/royale/TourDeJewel/src/main/royale/itemRenderers/IconListItemRenderer.mxml
index 2a2bef3..1ea2830 100644
--- a/examples/royale/TourDeJewel/src/main/royale/itemRenderers/IconListItemRenderer.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/itemRenderers/IconListItemRenderer.mxml
@@ -17,14 +17,14 @@ See the License for the specific language governing permissions and
limitations under the License.
-->
-<j:ListItemRenderer 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"
- xmlns="http://www.w3.org/1999/xhtml">
+<j:ListItemRenderer 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"
+ xmlns="http://www.w3.org/1999/xhtml">
<fx:Script>
- <![CDATA[
+ <![CDATA[
import vos.IconListVO;
import org.apache.royale.jewel.List;
import org.apache.royale.collections.ArrayList;
@@ -41,15 +41,15 @@ limitations under the License.
(list.dataProvider as ArrayList).removeItemAt(index);
}
]]>
- </fx:Script>
+ </fx:Script>
<j:beads>
<js:ItemRendererDataBinding />
</j:beads>
-
+
<js:FontIcon text="{iconList ? iconList.icon : ''}" material="true" visible="{iconList ? iconList.icon != null : false}" click="clickCloseButton()"/>
<html:Span text="{iconList ? iconList.label : ''}"/>
-
+
</j:ListItemRenderer>
diff --git a/examples/royale/TourDeJewel/src/main/royale/itemRenderers/NavigationIconLinkItemRenderer.mxml b/examples/royale/TourDeJewel/src/main/royale/itemRenderers/NavigationIconLinkItemRenderer.mxml
index b7537d7..d95520e 100644
--- a/examples/royale/TourDeJewel/src/main/royale/itemRenderers/NavigationIconLinkItemRenderer.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/itemRenderers/NavigationIconLinkItemRenderer.mxml
@@ -17,14 +17,14 @@ See the License for the specific language governing permissions and
limitations under the License.
-->
-<j:NavigationLinkItemRenderer 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"
- xmlns="http://www.w3.org/1999/xhtml">
+<j:NavigationLinkItemRenderer 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"
+ xmlns="http://www.w3.org/1999/xhtml">
<fx:Script>
- <![CDATA[
+ <![CDATA[
import vos.NavigationLinkVO;
[Bindable("dataChange")]
@@ -33,15 +33,15 @@ limitations under the License.
return data as NavigationLinkVO;
}
]]>
- </fx:Script>
+ </fx:Script>
<j:beads>
<js:ItemRendererDataBinding />
</j:beads>
-
+
<js:FontIcon text="{navlink ? navlink.icon : ''}" material="true" visible="{navlink ? navlink.icon != null : false}"/>
<html:Span text="{navlink ? navlink.label : ''}"/>
-
+
</j:NavigationLinkItemRenderer>
diff --git a/examples/royale/TourDeJewel/src/main/royale/itemRenderers/TabBarIconItemRenderer.mxml b/examples/royale/TourDeJewel/src/main/royale/itemRenderers/TabBarIconItemRenderer.mxml
index da1c82c..915af81 100644
--- a/examples/royale/TourDeJewel/src/main/royale/itemRenderers/TabBarIconItemRenderer.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/itemRenderers/TabBarIconItemRenderer.mxml
@@ -17,14 +17,14 @@ See the License for the specific language governing permissions and
limitations under the License.
-->
-<j:TabBarButtonItemRenderer 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"
- xmlns="http://www.w3.org/1999/xhtml">
+<j:TabBarButtonItemRenderer 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"
+ xmlns="http://www.w3.org/1999/xhtml">
<fx:Script>
- <![CDATA[
+ <![CDATA[
import vos.TabBarButtonVO;
[Bindable("dataChange")]
@@ -33,15 +33,15 @@ limitations under the License.
return data as TabBarButtonVO;
}
]]>
- </fx:Script>
+ </fx:Script>
<j:beads>
<js:ItemRendererDataBinding />
</j:beads>
-
+
<js:FontIcon text="{tabButton ? tabButton.icon : ''}" material="true" visible="{tabButton ? tabButton.icon != null : false}"/>
<html:Span text="{tabButton ? tabButton.label : ''}"/>
-
+
</j:TabBarButtonItemRenderer>
diff --git a/examples/royale/TourDeJewel/src/main/royale/itemRenderers/TableCellCloseIconItemRenderer.mxml b/examples/royale/TourDeJewel/src/main/royale/itemRenderers/TableCellCloseIconItemRenderer.mxml
index 4c03e1a..c585082 100644
--- a/examples/royale/TourDeJewel/src/main/royale/itemRenderers/TableCellCloseIconItemRenderer.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/itemRenderers/TableCellCloseIconItemRenderer.mxml
@@ -17,16 +17,15 @@ See the License for the specific language governing permissions and
limitations under the License.
-->
-<j:TableItemRenderer 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"
- xmlns="http://www.w3.org/1999/xhtml"
- hoverable="false"
- selectable="false">
-
+<j:TableItemRenderer 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"
+ xmlns="http://www.w3.org/1999/xhtml"
+ hoverable="false" selectable="false">
+
<fx:Script>
- <![CDATA[
+ <![CDATA[
import org.apache.royale.jewel.Table;
import org.apache.royale.collections.ArrayList;
@@ -36,17 +35,17 @@ limitations under the License.
(table.dataProvider as ArrayList).removeItemAt(rowIndex);
}
]]>
- </fx:Script>
+ </fx:Script>
<mdl:beads>
<js:ItemRendererDataBinding/>
</mdl:beads>
-
+
<j:IconButton emphasis="primary" width="24" height="24" style="padding: 0px; border-radius: 50%" click="clickCloseButton()">
<j:icon>
<js:FontIcon text="{MaterialIconType.CLOSE}" material="true" size="18"/>
</j:icon>
</j:IconButton>
-
+
</j:TableItemRenderer>