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:24:50 UTC
[royale-asjs] branch develop updated: latest two examples updated
with tabs for example and source code
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 b73a705 latest two examples updated with tabs for example and source code
b73a705 is described below
commit b73a7050876688d9449d20e02305d81d47bfb5a5
Author: Carlos Rovira <ca...@apache.org>
AuthorDate: Thu Dec 27 01:24:43 2018 +0100
latest two examples updated with tabs for example and source code
---
.../src/main/royale/MiscelaneaPlayGound.mxml | 68 ++++++++-------
.../src/main/royale/WelcomeSection.mxml | 99 ++++++++++++----------
2 files changed, 89 insertions(+), 78 deletions(-)
diff --git a/examples/royale/TourDeJewel/src/main/royale/MiscelaneaPlayGound.mxml b/examples/royale/TourDeJewel/src/main/royale/MiscelaneaPlayGound.mxml
index 8eff691..4b94a01 100644
--- a/examples/royale/TourDeJewel/src/main/royale/MiscelaneaPlayGound.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/MiscelaneaPlayGound.mxml
@@ -17,39 +17,45 @@ See the License for the specific language governing permissions and
limitations under the License.
-->
-<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">
-
+<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: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"/>
- <j:Label text="24px (default)"/>
- <js:FontIcon text="{MaterialIconType.FACE}" material="true" size="36"/>
- <j:Label text="36px"/>
- <js:FontIcon text="{MaterialIconType.FACE}" material="true" size="48"/>
- <j:Label text="48px"/>
- </j:Card>
- <j:Card width="350">
- <html:H3 text="Jewel Icons Dark / Light"/>
+
+ <j:Group>
+ <j:beads>
+ <j:HorizontalCenteredLayout gap="3"/>
+ </j:beads>
- <js:FontIcon text="{MaterialIconType.FACE}" material="true" dark="true"/>
- <j:Label text="dark"/>
- <js:FontIcon text="{MaterialIconType.FACE}" material="true" dark="true" inactive="true"/>
- <j:Label text="dark - inactive"/>
- <js:FontIcon text="{MaterialIconType.FACE}" material="true" light="true"/>
- <j:Label text="light"/>
- <js:FontIcon text="{MaterialIconType.FACE}" material="true" light="true" inactive="true"/>
- <j:Label text="light - inactive"/>
- </j:Card>
+ <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"/>
+ <j:Label text="24px (default)"/>
+ <js:FontIcon text="{MaterialIconType.FACE}" material="true" size="36"/>
+ <j:Label text="36px"/>
+ <js:FontIcon text="{MaterialIconType.FACE}" material="true" size="48"/>
+ <j:Label text="48px"/>
+ </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"/>
+ <j:Label text="dark - inactive"/>
+ <js:FontIcon text="{MaterialIconType.FACE}" material="true" light="true"/>
+ <j:Label text="light"/>
+ <js:FontIcon text="{MaterialIconType.FACE}" material="true" light="true" inactive="true"/>
+ <j:Label text="light - inactive"/>
+ </j:Card>
+ </j:Group>
-</j:SectionContent>
+</c:ExampleAndSourceCodeTabbedSectionContent>
diff --git a/examples/royale/TourDeJewel/src/main/royale/WelcomeSection.mxml b/examples/royale/TourDeJewel/src/main/royale/WelcomeSection.mxml
index 65d136e..b896fa4 100644
--- a/examples/royale/TourDeJewel/src/main/royale/WelcomeSection.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/WelcomeSection.mxml
@@ -17,61 +17,66 @@ See the License for the specific language governing permissions and
limitations under the License.
-->
-<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">
-
- <j:beads>
- <j:VerticalCenteredLayout gap="9"/>
+<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>
-
- <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:Group>
<j:beads>
- <j:SizeControl size="large"/>
- <j:TextAlign align="center"/>
+ <j:VerticalCenteredLayout gap="9"/>
</j:beads>
- </j:Label>
+
+ <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"
- 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: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:TextPrompt prompt="Search..."/>
- <j:SizeControl size="xlarge"/>
+ <j:SizeControl size="large"/>
+ <j:TextAlign align="center"/>
</j:beads>
- <j:icon>
- <js:FontIcon text="{MaterialIconType.SEARCH}" material="true"/>
- </j:icon>
- </j:IconTextInput>
- <j:Button text="Search" emphasis="secondary">
+ </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:beads>
- <j:SizeControl size="xlarge"/>
+ <j:SizeControl size="small"/>
+ <j:TextAlign align="center"/>
</j:beads>
- </j:Button>
- </j:HGroup>
-
- <j:Spacer height="200"/>
-
- <html:Span text="(This search box doesn't implements logic at this time)"/>
+ </j:Label>
+
+ <j:HGroup gap="3">
+ <j:IconTextInput>
+ <j:beads>
+ <j:TextPrompt prompt="Search..."/>
+ <j:SizeControl size="xlarge"/>
+ </j:beads>
+ <j:icon>
+ <js:FontIcon text="{MaterialIconType.SEARCH}" material="true"/>
+ </j:icon>
+ </j:IconTextInput>
+ <j:Button text="Search" emphasis="secondary">
+ <j:beads>
+ <j:SizeControl size="xlarge"/>
+ </j:beads>
+ </j:Button>
+ </j:HGroup>
+
+ <j:Spacer height="200"/>
-</j:SectionContent>
+ <html:Span text="(This search box doesn't implements logic at this time)"/>
+ </j:Group>
+</c:ExampleAndSourceCodeTabbedSectionContent>