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 8fb3bc6 Refactor Jewel Example to use TopAppBar + Drawer for
navigation
8fb3bc6 is described below
commit 8fb3bc6e60779cd6d89f55e4d1cbc67760cc262f
Author: Carlos Rovira <[email protected]>
AuthorDate: Mon Jul 2 18:47:33 2018 +0200
Refactor Jewel Example to use TopAppBar + Drawer for navigation
---
.../src/main/royale/AlertPlayGround.mxml | 26 ++--
.../src/main/royale/ButtonPlayGround.mxml | 96 ++++++------
.../{HeadingsAndText.mxml => CardPlayGround.mxml} | 19 +--
.../src/main/royale/CheckBoxPlayGround.mxml | 34 ++--
.../src/main/royale/DropDownListPlayGround.mxml | 40 ++---
.../{HeadingsAndText.mxml => GridPlayGround.mxml} | 20 +--
.../src/main/royale/HeadingsAndText.mxml | 26 ++--
.../src/main/royale/LabelPlayGround.mxml | 17 +-
.../src/main/royale/ListPlayGround.mxml | 29 ++--
.../JewelExample/src/main/royale/MainContent.mxml | 45 +++---
.../src/main/royale/RadioButtonPlayGround.mxml | 45 +++---
.../src/main/royale/SliderPlayGround.mxml | 41 ++---
.../src/main/royale/TextInputPlayGround.mxml | 171 +++++++++++----------
13 files changed, 301 insertions(+), 308 deletions(-)
diff --git a/examples/royale/JewelExample/src/main/royale/AlertPlayGround.mxml
b/examples/royale/JewelExample/src/main/royale/AlertPlayGround.mxml
index d121c1c..b3ca974 100644
--- a/examples/royale/JewelExample/src/main/royale/AlertPlayGround.mxml
+++ b/examples/royale/JewelExample/src/main/royale/AlertPlayGround.mxml
@@ -17,7 +17,7 @@ See the License for the specific language governing
permissions and
limitations under the License.
-->
-<j:Card xmlns:fx="http://ns.adobe.com/mxml/2009";
+<j:SectionContent xmlns:fx="http://ns.adobe.com/mxml/2009";
xmlns:j="library://ns.apache.org/royale/jewel"
xmlns:html="library://ns.apache.org/royale/html"
width="350">
@@ -46,15 +46,17 @@ limitations under the License.
]]>
</fx:Script>
- <html:H3 text="Jewel Alert"/>
-
- <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')"/>
+ <j:Card>
+ <html:H3 text="Jewel Alert"/>
+
+ <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')"/>
- <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"/>
-
-</j:Card>
+ <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"/>
+ </j:Card>
+
+</j:SectionContent>
diff --git a/examples/royale/JewelExample/src/main/royale/ButtonPlayGround.mxml
b/examples/royale/JewelExample/src/main/royale/ButtonPlayGround.mxml
index 57f7db8..084e3da 100644
--- a/examples/royale/JewelExample/src/main/royale/ButtonPlayGround.mxml
+++ b/examples/royale/JewelExample/src/main/royale/ButtonPlayGround.mxml
@@ -17,11 +17,11 @@ 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:html="library://ns.apache.org/royale/html"
- xmlns:js="library://ns.apache.org/royale/basic">
-
+<j:SectionContent 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">
+
<fx:Script>
<![CDATA[
private function clickHandler(event:MouseEvent):void {
@@ -34,48 +34,50 @@ limitations under the License.
<js:ContainerDataBinding/>
</j:beads>
- <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}"/>
- <j:Button text="Secondary" emphasis="{Button.SECONDARY}"/>
- <j:Button text="Emphasized" emphasis="{Button.EMPHASIZED}"/>
- <j:Button text="Disabled" emphasis="{Button.PRIMARY}">
- <j:beads>
- <j:Disabled/>
- </j:beads>
- </j:Button>
+ <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}"/>
+ <j:Button text="Secondary" emphasis="{Button.SECONDARY}"/>
+ <j:Button text="Emphasized" emphasis="{Button.EMPHASIZED}"/>
+ <j:Button text="Disabled" emphasis="{Button.PRIMARY}">
+ <j:beads>
+ <j:Disabled/>
+ </j:beads>
+ </j:Button>
- <html:H4 text="Icons"/>
-
- <j:Button text="print" emphasis="primary">
- <j:icon>
- <js:Icon text="{MaterialIconType.PRINT}"
material="true"/>
- </j:icon>
- </j:Button>
+ <html:H4 text="Icons"/>
+
+ <j:Button text="print" emphasis="primary">
+ <j:icon>
+ <js:Icon text="{MaterialIconType.PRINT}"
material="true"/>
+ </j:icon>
+ </j:Button>
- <html:H4 text="Sizes"/>
-
- <j:Button text="xsmall">
- <j:beads>
- <j:SizeControl size="{SizeControl.XSMALL}"/>
- </j:beads>
- </j:Button>
- <j:Button text="small" emphasis="{Button.PRIMARY}">
- <j:beads>
- <j:SizeControl size="{SizeControl.SMALL}"/>
- </j:beads>
- </j:Button>
- <j:Button text="large" emphasis="{Button.SECONDARY}">
- <j:beads>
- <j:SizeControl size="{SizeControl.LARGE}"/>
- </j:beads>
- </j:Button>
- <j:Button text="xlarge" emphasis="{Button.EMPHASIZED}">
- <j:beads>
- <j:SizeControl size="{SizeControl.XLARGE}"/>
- </j:beads>
- </j:Button>
+ <html:H4 text="Sizes"/>
+
+ <j:Button text="xsmall">
+ <j:beads>
+ <j:SizeControl size="{SizeControl.XSMALL}"/>
+ </j:beads>
+ </j:Button>
+ <j:Button text="small" emphasis="{Button.PRIMARY}">
+ <j:beads>
+ <j:SizeControl size="{SizeControl.SMALL}"/>
+ </j:beads>
+ </j:Button>
+ <j:Button text="large" emphasis="{Button.SECONDARY}">
+ <j:beads>
+ <j:SizeControl size="{SizeControl.LARGE}"/>
+ </j:beads>
+ </j:Button>
+ <j:Button text="xlarge" emphasis="{Button.EMPHASIZED}">
+ <j:beads>
+ <j:SizeControl size="{SizeControl.XLARGE}"/>
+ </j:beads>
+ </j:Button>
+ </j:Card>
-</j:Card>
+</j:SectionContent>
diff --git a/examples/royale/JewelExample/src/main/royale/HeadingsAndText.mxml
b/examples/royale/JewelExample/src/main/royale/CardPlayGround.mxml
similarity index 70%
copy from examples/royale/JewelExample/src/main/royale/HeadingsAndText.mxml
copy to examples/royale/JewelExample/src/main/royale/CardPlayGround.mxml
index 85e5129..24deabf 100644
--- a/examples/royale/JewelExample/src/main/royale/HeadingsAndText.mxml
+++ b/examples/royale/JewelExample/src/main/royale/CardPlayGround.mxml
@@ -17,22 +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";
+<j:SectionContent xmlns:fx="http://ns.adobe.com/mxml/2009";
xmlns:j="library://ns.apache.org/royale/jewel"
xmlns:html="library://ns.apache.org/royale/html"
width="350">
-
- <html:H3 text="Headings and text"/>
+ <j:Card>
+ <html:H3 text="Cards (TODO)"/>
- <html:H1 text="Heading H1"/>
- <html:H2 text="Heading H2"/>
- <html:H3 text="Heading H3"/>
- <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:Card>
+ </j:Card>
+</j:SectionContent>
diff --git
a/examples/royale/JewelExample/src/main/royale/CheckBoxPlayGround.mxml
b/examples/royale/JewelExample/src/main/royale/CheckBoxPlayGround.mxml
index 382ee25..713552f 100644
--- a/examples/royale/JewelExample/src/main/royale/CheckBoxPlayGround.mxml
+++ b/examples/royale/JewelExample/src/main/royale/CheckBoxPlayGround.mxml
@@ -17,26 +17,28 @@ See the License for the specific language governing
permissions and
limitations under the License.
-->
-<j:Card xmlns:fx="http://ns.adobe.com/mxml/2009";
+<j:SectionContent xmlns:fx="http://ns.adobe.com/mxml/2009";
xmlns:j="library://ns.apache.org/royale/jewel"
xmlns:html="library://ns.apache.org/royale/html">
-
- <html:H3 text="Jewel CheckBox"/>
- <j:CheckBox text="Not Checkbox"/>
+ <j:Card>
+ <html:H3 text="Jewel CheckBox"/>
- <j:CheckBox text="Checked" selected="true"/>
+ <j:CheckBox text="Not Checkbox"/>
- <j:CheckBox text="Disabled">
- <j:beads>
- <j:Disabled/>
- </j:beads>
- </j:CheckBox>
+ <j:CheckBox text="Checked" selected="true"/>
- <j:CheckBox text="Checked And Disabled" selected="true">
- <j:beads>
- <j:Disabled/>
- </j:beads>
- </j:CheckBox>
+ <j:CheckBox text="Disabled">
+ <j:beads>
+ <j:Disabled/>
+ </j:beads>
+ </j:CheckBox>
-</j:Card>
+ <j:CheckBox text="Checked And Disabled" selected="true">
+ <j:beads>
+ <j:Disabled/>
+ </j:beads>
+ </j:CheckBox>
+ </j:Card>
+
+</j:SectionContent>
diff --git
a/examples/royale/JewelExample/src/main/royale/DropDownListPlayGround.mxml
b/examples/royale/JewelExample/src/main/royale/DropDownListPlayGround.mxml
index 8377576..9be5f34 100644
--- a/examples/royale/JewelExample/src/main/royale/DropDownListPlayGround.mxml
+++ b/examples/royale/JewelExample/src/main/royale/DropDownListPlayGround.mxml
@@ -17,10 +17,10 @@ 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">
+<j:SectionContent 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">
<fx:Script>
<![CDATA[
@@ -39,19 +39,21 @@ limitations under the License.
]]>
</fx:Script>
- <j:beads>
- <j:HorizontalLayout gap="3"/>
- <js:ViewDataBinding />
- </j:beads>
+ <j:Card>
+ <j:beads>
+ <j:HorizontalLayout gap="3"/>
+ <js:ViewDataBinding />
+ </j:beads>
+
+ <html:H3 text="Jewel DropDownList"/>
+
+ <j:DropDownList dataProvider="{strings}"/>
+
+ <!-- <j:DropDownList change="changeHandler(event)">
+ <j:dataProvider>
+ <j:ArrayList id="avengersCharacters"
source="[Iron Man, Hulk, Thor, Captain America, Black Widow]" />
+ </j:dataProvider>
+ </j:DropDownList> -->
+ </j:Card>
- <html:H3 text="Jewel DropDownList"/>
-
- <j:DropDownList dataProvider="{strings}"/>
-
- <!-- <j:DropDownList change="changeHandler(event)">
- <j:dataProvider>
- <j:ArrayList id="avengersCharacters" source="[Iron Man,
Hulk, Thor, Captain America, Black Widow]" />
- </j:dataProvider>
- </j:DropDownList> -->
-
-</j:Card>
+</j:SectionContent>
diff --git a/examples/royale/JewelExample/src/main/royale/HeadingsAndText.mxml
b/examples/royale/JewelExample/src/main/royale/GridPlayGround.mxml
similarity index 70%
copy from examples/royale/JewelExample/src/main/royale/HeadingsAndText.mxml
copy to examples/royale/JewelExample/src/main/royale/GridPlayGround.mxml
index 85e5129..c077cca 100644
--- a/examples/royale/JewelExample/src/main/royale/HeadingsAndText.mxml
+++ b/examples/royale/JewelExample/src/main/royale/GridPlayGround.mxml
@@ -17,22 +17,14 @@ See the License for the specific language governing
permissions and
limitations under the License.
-->
-<j:Card xmlns:fx="http://ns.adobe.com/mxml/2009";
+<j:SectionContent xmlns:fx="http://ns.adobe.com/mxml/2009";
xmlns:j="library://ns.apache.org/royale/jewel"
xmlns:html="library://ns.apache.org/royale/html"
width="350">
-
- <html:H3 text="Headings and text"/>
+ <j:Card>
+ <html:H3 text="Grids (TODO)"/>
- <html:H1 text="Heading H1"/>
- <html:H2 text="Heading H2"/>
- <html:H3 text="Heading H3"/>
- <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:Card>
+
+ </j:Card>
+</j:SectionContent>
diff --git a/examples/royale/JewelExample/src/main/royale/HeadingsAndText.mxml
b/examples/royale/JewelExample/src/main/royale/HeadingsAndText.mxml
index 85e5129..a5e25cf 100644
--- a/examples/royale/JewelExample/src/main/royale/HeadingsAndText.mxml
+++ b/examples/royale/JewelExample/src/main/royale/HeadingsAndText.mxml
@@ -17,22 +17,22 @@ See the License for the specific language governing
permissions and
limitations under the License.
-->
-<j:Card xmlns:fx="http://ns.adobe.com/mxml/2009";
+<j:SectionContent xmlns:fx="http://ns.adobe.com/mxml/2009";
xmlns:j="library://ns.apache.org/royale/jewel"
xmlns:html="library://ns.apache.org/royale/html"
width="350">
-
- <html:H3 text="Headings and text"/>
+ <j:Card>
+ <html:H3 text="Headings and text"/>
- <html:H1 text="Heading H1"/>
- <html:H2 text="Heading H2"/>
- <html:H3 text="Heading H3"/>
- <html:H4 text="Heading H4"/>
+ <html:H1 text="Heading H1"/>
+ <html:H2 text="Heading H2"/>
+ <html:H3 text="Heading H3"/>
+ <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:Card>
+ <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:Card>
+</j:SectionContent>
diff --git a/examples/royale/JewelExample/src/main/royale/LabelPlayGround.mxml
b/examples/royale/JewelExample/src/main/royale/LabelPlayGround.mxml
index 547469f..88cab62 100644
--- a/examples/royale/JewelExample/src/main/royale/LabelPlayGround.mxml
+++ b/examples/royale/JewelExample/src/main/royale/LabelPlayGround.mxml
@@ -17,7 +17,7 @@ See the License for the specific language governing
permissions and
limitations under the License.
-->
-<j:Card xmlns:fx="http://ns.adobe.com/mxml/2009";
+<j:SectionContent xmlns:fx="http://ns.adobe.com/mxml/2009";
xmlns:j="library://ns.apache.org/royale/jewel"
xmlns:html="library://ns.apache.org/royale/html"
width="320">
@@ -33,11 +33,12 @@ limitations under the License.
]]>
</fx:Script>
- <html:H3 text="Jewel Label"/>
-
- <j:Label id="label" text="This is a Label" click="labelClick(event)"/>
+ <j:Card>
+ <html:H3 text="Jewel Label"/>
+
+ <j:Label id="label" text="This is a Label"
click="labelClick(event)"/>
- <j:Label text="This is a multiline label with more text that wraps if
container has set a width"
- multiline="true"/>
-
-</j:Card>
+ <j:Label text="This is a multiline label with more text that
wraps if container has set a width"
+ multiline="true"/>
+ </j:Card>
+</j:SectionContent>
diff --git a/examples/royale/JewelExample/src/main/royale/ListPlayGround.mxml
b/examples/royale/JewelExample/src/main/royale/ListPlayGround.mxml
index ec34d6e..df2560e 100644
--- a/examples/royale/JewelExample/src/main/royale/ListPlayGround.mxml
+++ b/examples/royale/JewelExample/src/main/royale/ListPlayGround.mxml
@@ -17,7 +17,7 @@ See the License for the specific language governing
permissions and
limitations under the License.
-->
-<j:Card xmlns:fx="http://ns.adobe.com/mxml/2009";
+<j:SectionContent 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"
@@ -58,18 +58,19 @@ limitations under the License.
<js:ContainerDataBinding/>
</j:beads>
- <html:H3 text="Jewel List"/>
-
- <j:List id="list" width="200" height="300" change="onChange(event)">
- <j:beads>
- <js:ConstantBinding
- sourcePropertyName="simple"
- destinationPropertyName="dataProvider" />
- </j:beads>
- </j:List>
+ <j:Card>
+ <html:H3 text="Jewel List"/>
+
+ <j:List id="list" width="200" height="300"
change="onChange(event)">
+ <j:beads>
+ <js:ConstantBinding
+ sourcePropertyName="simple"
+ destinationPropertyName="dataProvider"
/>
+ </j:beads>
+ </j:List>
- <j:Label id="selected"/>
+ <j:Label id="selected"/>
- <j:Button text="Assign new data" emphasis="{Button.PRIMARY}"
click="assignNewData()"/>
-
-</j:Card>
+ <j:Button text="Assign new data" emphasis="{Button.PRIMARY}"
click="assignNewData()"/>
+ </j:Card>
+</j:SectionContent>
diff --git a/examples/royale/JewelExample/src/main/royale/MainContent.mxml
b/examples/royale/JewelExample/src/main/royale/MainContent.mxml
index 31fa94e..2aeb7e9 100644
--- a/examples/royale/JewelExample/src/main/royale/MainContent.mxml
+++ b/examples/royale/JewelExample/src/main/royale/MainContent.mxml
@@ -26,9 +26,15 @@ limitations under the License.
<fx:Script>
<![CDATA[
+ import org.apache.royale.jewel.supportClasses.INavigationRenderer;
+
private function clickHandler(event:MouseEvent):void
{
- event.preventDefault();
+ var renderer:INavigationRenderer = event.target as
INavigationRenderer;
+ //if (renderer == null) return;
+
+ var link:String = renderer.href;
+ main.showContent(link);
}
]]>
</fx:Script>
@@ -90,29 +96,20 @@ limitations under the License.
</j:TopAppBarSection>
</j:TopAppBarRow>
</j:TopAppBar>
-
- <j:HGroup gap="3" className="mainContent">
- <j:VGroup gap="3">
- <local:LabelPlayGround/>
- <local:ButtonPlayGround/>
- </j:VGroup>
-
- <j:VGroup gap="3">
- <local:TextInputPlayGround/>
- <local:CheckBoxPlayGround/>
- <local:RadioButtonPlayGround/>
- </j:VGroup>
- <j:VGroup gap="3">
- <local:SliderPlayGround/>
- <local:ListPlayGround/>
- </j:VGroup>
-
- <j:VGroup gap="3">
- <local:AlertPlayGround/>
- <local:HeadingsAndText/>
- <local:DropDownListPlayGround/>
- </j:VGroup>
- </j:HGroup>
+ <j:ApplicationMainContent id="main">
+ <local:AlertPlayGround id="alert_panel"/>
+ <local:ButtonPlayGround id="button_panel" isActive="true"/>
+ <local:DropDownListPlayGround id="dropdownlist_panel"/>
+ <local:CheckBoxPlayGround id="checkbox_panel"/>
+ <local:HeadingsAndText id="text_panel"/>
+ <local:LabelPlayGround id="label_panel"/>
+ <local:ListPlayGround id="list_panel"/>
+ <local:RadioButtonPlayGround id="radiobutton_panel"/>
+ <local:SliderPlayGround id="slider_panel"/>
+ <local:TextInputPlayGround id="textinput_panel"/>
+ <local:GridPlayGround id="grid_panel"/>
+ <local:CardPlayGround id="card_panel"/>
+ </j:ApplicationMainContent>
</j:ApplicationResponsiveView>
diff --git
a/examples/royale/JewelExample/src/main/royale/RadioButtonPlayGround.mxml
b/examples/royale/JewelExample/src/main/royale/RadioButtonPlayGround.mxml
index 1ee1bc3..62b8b1f 100644
--- a/examples/royale/JewelExample/src/main/royale/RadioButtonPlayGround.mxml
+++ b/examples/royale/JewelExample/src/main/royale/RadioButtonPlayGround.mxml
@@ -17,26 +17,27 @@ 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:html="library://ns.apache.org/royale/html">
+<j:SectionContent xmlns:fx="http://ns.adobe.com/mxml/2009";
+ xmlns:j="library://ns.apache.org/royale/jewel"
+
xmlns:html="library://ns.apache.org/royale/html">
- <html:H3 text="Jewel RadioButton"/>
-
- <j:RadioButton text="RadioButton 1" groupName="radios" value="Test 1"/>
- <j:RadioButton text="RadioButton 2" groupName="radios" value="Test 2"
selected="true"/>
- <j:RadioButton text="RadioButton 3" groupName="radios" value="Test 3"/>
-
- <j:RadioButton text="Disabled">
- <j:beads>
- <j:Disabled/>
- </j:beads>
- </j:RadioButton>
-
- <j:RadioButton text="Set and Disabled" selected="true">
- <j:beads>
- <j:Disabled/>
- </j:beads>
- </j:RadioButton>
-
-</j:Card>
+ <j:Card>
+ <html:H3 text="Jewel RadioButton"/>
+
+ <j:RadioButton text="RadioButton 1" groupName="radios"
value="Test 1"/>
+ <j:RadioButton text="RadioButton 2" groupName="radios"
value="Test 2" selected="true"/>
+ <j:RadioButton text="RadioButton 3" groupName="radios"
value="Test 3"/>
+
+ <j:RadioButton text="Disabled">
+ <j:beads>
+ <j:Disabled/>
+ </j:beads>
+ </j:RadioButton>
+
+ <j:RadioButton text="Set and Disabled" selected="true">
+ <j:beads>
+ <j:Disabled/>
+ </j:beads>
+ </j:RadioButton>
+ </j:Card>
+</j:SectionContent>
diff --git a/examples/royale/JewelExample/src/main/royale/SliderPlayGround.mxml
b/examples/royale/JewelExample/src/main/royale/SliderPlayGround.mxml
index d29fb91..9285356 100644
--- a/examples/royale/JewelExample/src/main/royale/SliderPlayGround.mxml
+++ b/examples/royale/JewelExample/src/main/royale/SliderPlayGround.mxml
@@ -17,7 +17,7 @@ See the License for the specific language governing
permissions and
limitations under the License.
-->
-<j:Card xmlns:fx="http://ns.adobe.com/mxml/2009";
+<j:SectionContent 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">
@@ -56,24 +56,25 @@ limitations under the License.
<js:ContainerDataBinding/>
</j:beads>
- <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_dis" width="250" value="70" minimum="0"
maximum="100">
- <j:beads>
- <j:Disabled/>
- </j:beads>
- </j:Slider>
+ <j:Card>
+ <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:Button id="button" text="Slider to 400x200" width="250" height="80"
emphasis="{Button.PRIMARY}"
- click="clickHandler(event)"/>
+ <j:Slider id="slider_dis" width="250" value="70" minimum="0"
maximum="100">
+ <j:beads>
+ <j:Disabled/>
+ </j:beads>
+ </j:Slider>
-</j:Card>
+ <j:Button id="button" text="Slider to 400x200" width="250"
height="80" emphasis="{Button.PRIMARY}"
+ click="clickHandler(event)"/>
+ </j:Card>
+</j:SectionContent>
diff --git
a/examples/royale/JewelExample/src/main/royale/TextInputPlayGround.mxml
b/examples/royale/JewelExample/src/main/royale/TextInputPlayGround.mxml
index 3284130..10b531b 100644
--- a/examples/royale/JewelExample/src/main/royale/TextInputPlayGround.mxml
+++ b/examples/royale/JewelExample/src/main/royale/TextInputPlayGround.mxml
@@ -17,98 +17,99 @@ See the License for the specific language governing
permissions and
limitations under the License.
-->
-<j:Card xmlns:fx="http://ns.adobe.com/mxml/2009";
+<j:SectionContent 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">
- <html:H3 text="Jewel TextInput"/>
+ <j:Card>
+ <html:H3 text="Jewel TextInput"/>
- <j:Group>
- <j:beads>
- <j:HorizontalLayout gap="3"/>
- </j:beads>
- <j:Button text="Check it!" emphasis="primary"/>
- <j:TextInput text="A TextInput"/>
- </j:Group>
+ <j:Group>
+ <j:beads>
+ <j:HorizontalLayout gap="3"/>
+ </j:beads>
+ <j:Button text="Check it!" emphasis="primary"/>
+ <j:TextInput text="A TextInput"/>
+ </j:Group>
+
+ <j:Group>
+ <j:beads>
+ <j:HorizontalLayout gap="3"/>
+ </j:beads>
+ <j:TextInput>
+ <j:beads>
+ <j:TextPrompt prompt="With prompt..."/>
+ </j:beads>
+ </j:TextInput>
+ <j:Button text="Send" emphasis="secondary"/>
+ </j:Group>
+
+ <j:TextInput text="Disabled with text...">
+ <j:beads>
+ <j:TextPrompt prompt="Disabled TextInput..."/>
+ <j:Disabled/>
+ </j:beads>
+ </j:TextInput>
- <j:Group>
- <j:beads>
- <j:HorizontalLayout gap="3"/>
- </j:beads>
<j:TextInput>
<j:beads>
- <j:TextPrompt prompt="With prompt..."/>
+ <j:TextPrompt prompt="Disabled with prompt..."/>
+ <j:Disabled/>
+ </j:beads>
+ </j:TextInput>
+
+ <html:H4 text="Sizes"/>
+
+ <j:TextInput>
+ <j:beads>
+ <j:TextPrompt prompt="Size xsmall"/>
+ <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"/>
</j:beads>
</j:TextInput>
- <j:Button text="Send" emphasis="secondary"/>
- </j:Group>
-
- <j:TextInput text="Disabled with text...">
- <j:beads>
- <j:TextPrompt prompt="Disabled TextInput..."/>
- <j:Disabled/>
- </j:beads>
- </j:TextInput>
-
- <j:TextInput>
- <j:beads>
- <j:TextPrompt prompt="Disabled with prompt..."/>
- <j:Disabled/>
- </j:beads>
- </j:TextInput>
-
- <html:H4 text="Sizes"/>
-
- <j:TextInput>
- <j:beads>
- <j:TextPrompt prompt="Size xsmall"/>
- <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"/>
- </j:beads>
- </j:TextInput>
-
- <j:TextInput>
- <j:beads>
- <j:TextPrompt prompt="Size large"/>
- <j:SizeControl size="large"/>
- </j:beads>
- </j:TextInput>
-
- <j:TextInput>
- <j:beads>
- <j:TextPrompt prompt="Size xlarge"/>
- <j:SizeControl size="xlarge"/>
- </j:beads>
- </j:TextInput>
-
- <html:H3 text="Jewel TextArea"/>
-
- <j:TextArea text="A TextArea with 5 rows" rows="5"/>
-
- <j:TextArea>
- <j:beads>
- <j:TextPrompt prompt="With prompt..."/>
- </j:beads>
- </j:TextArea>
-
- <j:TextArea text="A TextArea">
- <j:beads>
- <j:TextPrompt prompt="with prompt..."/>
- <j:Disabled/>
- </j:beads>
- </j:TextArea>
-
-</j:Card>
+
+ <j:TextInput>
+ <j:beads>
+ <j:TextPrompt prompt="Size large"/>
+ <j:SizeControl size="large"/>
+ </j:beads>
+ </j:TextInput>
+
+ <j:TextInput>
+ <j:beads>
+ <j:TextPrompt prompt="Size xlarge"/>
+ <j:SizeControl size="xlarge"/>
+ </j:beads>
+ </j:TextInput>
+
+ <html:H3 text="Jewel TextArea"/>
+
+ <j:TextArea text="A TextArea with 5 rows" rows="5"/>
+
+ <j:TextArea>
+ <j:beads>
+ <j:TextPrompt prompt="With prompt..."/>
+ </j:beads>
+ </j:TextArea>
+
+ <j:TextArea text="A TextArea">
+ <j:beads>
+ <j:TextPrompt prompt="with prompt..."/>
+ <j:Disabled/>
+ </j:beads>
+ </j:TextArea>
+ </j:Card>
+</j:SectionContent>
