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/26 18:31:08 UTC

[royale-asjs] branch develop updated: Make all example pages in Tour de Jewel have tabs one for the example and other for the source code in github

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 b99966a  Make all example pages in Tour de Jewel have tabs one for the example and other for the source code in github
b99966a is described below

commit b99966ae8e753ba42918aa9013497ae7cf3c87b5
Author: Carlos Rovira <ca...@apache.org>
AuthorDate: Wed Dec 26 19:30:59 2018 +0100

    Make all example pages in Tour de Jewel have tabs one for the example and other for the source code in github
---
 .../src/main/royale/ButtonPlayGround.mxml          | 13 ++++++------
 .../src/main/royale/CardPlayGround.mxml            | 12 ++++++-----
 .../src/main/royale/CheckBoxPlayGround.mxml        | 12 ++++++-----
 .../src/main/royale/ComboBoxPlayGround.mxml        | 15 +++++++-------
 .../src/main/royale/DateComponentsPlayGround.mxml  | 13 ++++++------
 .../src/main/royale/DropDownListPlayGround.mxml    | 16 +++++++--------
 .../src/main/royale/FormsValidationPlayGround.mxml | 16 +++++++--------
 .../src/main/royale/GridPlayGround.mxml            | 14 ++++++-------
 .../src/main/royale/HeadingsAndText.mxml           | 12 ++++++-----
 .../src/main/royale/ImagePlayGround.mxml           | 13 ++++++------
 .../src/main/royale/LabelPlayGround.mxml           | 12 ++++++-----
 .../src/main/royale/LayoutsPlayGround.mxml         | 13 ++++++------
 .../src/main/royale/ListPlayGround.mxml            | 15 +++++++-------
 .../src/main/royale/NumericStepperPlayGround.mxml  | 12 ++++++-----
 .../src/main/royale/RadioButtonPlayGround.mxml     | 12 ++++++-----
 .../src/main/royale/SliderPlayGround.mxml          | 13 ++++++------
 .../src/main/royale/SnackbarPlayGround.mxml        | 12 ++++++-----
 .../src/main/royale/TabBarPlayGround.mxml          | 13 ++++++------
 .../src/main/royale/TablePlayGround.mxml           | 15 +++++++-------
 .../src/main/royale/TextInputPlayGround.mxml       | 13 ++++++------
 .../src/main/royale/ViewStatesPlayGround.mxml      | 23 +++++++++-------------
 .../src/main/royale/WizardPlayGround.mxml          | 16 +++++++--------
 22 files changed, 162 insertions(+), 143 deletions(-)

diff --git a/examples/royale/TourDeJewel/src/main/royale/ButtonPlayGround.mxml b/examples/royale/TourDeJewel/src/main/royale/ButtonPlayGround.mxml
index b83a67d..8190ecd 100644
--- a/examples/royale/TourDeJewel/src/main/royale/ButtonPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/ButtonPlayGround.mxml
@@ -17,11 +17,12 @@ 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:html="library://ns.apache.org/royale/html"
-				xmlns:js="library://ns.apache.org/royale/basic">
-
+<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 {
@@ -125,4 +126,4 @@ limitations under the License.
 		</j:GridCell>
 	</j:Grid>
 
-</j:SectionContent>
+</c:ExampleAndSourceCodeTabbedSectionContent>
diff --git a/examples/royale/TourDeJewel/src/main/royale/CardPlayGround.mxml b/examples/royale/TourDeJewel/src/main/royale/CardPlayGround.mxml
index e39b8cf..cab3e62 100644
--- a/examples/royale/TourDeJewel/src/main/royale/CardPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/CardPlayGround.mxml
@@ -17,10 +17,12 @@ 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: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="CardPlayGround.mxml">
 	<j:Card width="600">
 		<html:H3 text="items expand test"/>
 
@@ -30,4 +32,4 @@ limitations under the License.
 			<j:Button text="Royale!!!!"/>
 		</j:HGroup>
 	</j:Card>
-</j:SectionContent>
+</c:ExampleAndSourceCodeTabbedSectionContent>
diff --git a/examples/royale/TourDeJewel/src/main/royale/CheckBoxPlayGround.mxml b/examples/royale/TourDeJewel/src/main/royale/CheckBoxPlayGround.mxml
index 9d37063..7885b50 100644
--- a/examples/royale/TourDeJewel/src/main/royale/CheckBoxPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/CheckBoxPlayGround.mxml
@@ -17,10 +17,12 @@ 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: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="CheckBoxPlayGround.mxml">
 	<j:Card width="350">   
 		<html:H3 text="Jewel CheckBox"/>
 
@@ -41,4 +43,4 @@ limitations under the License.
 		</j:CheckBox>
 	</j:Card>
 
-</j:SectionContent>
+</c:ExampleAndSourceCodeTabbedSectionContent>
diff --git a/examples/royale/TourDeJewel/src/main/royale/ComboBoxPlayGround.mxml b/examples/royale/TourDeJewel/src/main/royale/ComboBoxPlayGround.mxml
index 98415f7..5734ac3 100644
--- a/examples/royale/TourDeJewel/src/main/royale/ComboBoxPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/ComboBoxPlayGround.mxml
@@ -17,12 +17,13 @@ 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"
-				  xmlns:models="models.*">
-
+<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;
@@ -259,4 +260,4 @@ limitations under the License.
 		<j:Label text="Some text 9"/>
 	</j:HGroup> -->
 
-</j:SectionContent>
+</c:ExampleAndSourceCodeTabbedSectionContent>
diff --git a/examples/royale/TourDeJewel/src/main/royale/DateComponentsPlayGround.mxml b/examples/royale/TourDeJewel/src/main/royale/DateComponentsPlayGround.mxml
index a02e1e6..ad52323 100644
--- a/examples/royale/TourDeJewel/src/main/royale/DateComponentsPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/DateComponentsPlayGround.mxml
@@ -17,11 +17,12 @@ 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="DateComponentsPlayGround.mxml">
 	<fx:Script>
 		<![CDATA[
 			import org.apache.royale.html.accessories.DateFormatDDMMYYYY;
@@ -166,4 +167,4 @@ limitations under the License.
 
 	</j:Grid>
 	
-</j:SectionContent>
+</c:ExampleAndSourceCodeTabbedSectionContent>
diff --git a/examples/royale/TourDeJewel/src/main/royale/DropDownListPlayGround.mxml b/examples/royale/TourDeJewel/src/main/royale/DropDownListPlayGround.mxml
index 0558abb..65cea4f 100644
--- a/examples/royale/TourDeJewel/src/main/royale/DropDownListPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/DropDownListPlayGround.mxml
@@ -17,17 +17,17 @@ 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"
-				  xmlns:models="models.*">
-
+<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;
 
-
 		private function describeItem(item:*):String {
 			const intro:String = "<strong>DropDownList selectedItem:</strong> ";
 			var evaluated:String;
@@ -334,4 +334,4 @@ limitations under the License.
 		</j:GridCell>
 	</j:Grid>
 
-</j:SectionContent>
+</c:ExampleAndSourceCodeTabbedSectionContent>
diff --git a/examples/royale/TourDeJewel/src/main/royale/FormsValidationPlayGround.mxml b/examples/royale/TourDeJewel/src/main/royale/FormsValidationPlayGround.mxml
index ad05795..cf2153f 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.
 
 -->
-<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" 
-				  xmlns:components="components.*">
-				  
+<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"/>
 
-		<components:FormExample label="Form with validation example"/>
+		<c:FormExample label="Form with validation example"/>
 		
 	</j:Card>
-</j:SectionContent>
+</c:ExampleAndSourceCodeTabbedSectionContent>
diff --git a/examples/royale/TourDeJewel/src/main/royale/GridPlayGround.mxml b/examples/royale/TourDeJewel/src/main/royale/GridPlayGround.mxml
index 60bc54f..a038595 100644
--- a/examples/royale/TourDeJewel/src/main/royale/GridPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/GridPlayGround.mxml
@@ -17,11 +17,12 @@ 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="DateComponentsPlayGround.mxml">
 	<fx:Script>
         <![CDATA[
             [Bindable]
@@ -33,7 +34,6 @@ limitations under the License.
         <js:ContainerDataBinding/>
     </j:beads>
 
-
 	<html:H3 text="Grids"/>
 	<j:CheckBox text="Turn Gap on/off" change="useGap = !useGap;" selected="true"/>
 
@@ -607,4 +607,4 @@ limitations under the License.
 	</j:Grid>
 
 	
-</j:SectionContent>
+</c:ExampleAndSourceCodeTabbedSectionContent>
diff --git a/examples/royale/TourDeJewel/src/main/royale/HeadingsAndText.mxml b/examples/royale/TourDeJewel/src/main/royale/HeadingsAndText.mxml
index 92f6077..9699e1f 100644
--- a/examples/royale/TourDeJewel/src/main/royale/HeadingsAndText.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/HeadingsAndText.mxml
@@ -17,10 +17,12 @@ 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: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="HeadingsAndText.mxml">
 	<j:Card width="350">
 		<html:H3 text="Headings and text"/>
 
@@ -34,4 +36,4 @@ limitations under the License.
 		<j:Label text="Normal text used in a div, texts and fields with single line or multiple lines."
 				multiline="true"/>
 	</j:Card>
-</j:SectionContent>
+</c:ExampleAndSourceCodeTabbedSectionContent>
diff --git a/examples/royale/TourDeJewel/src/main/royale/ImagePlayGround.mxml b/examples/royale/TourDeJewel/src/main/royale/ImagePlayGround.mxml
index c578f8d..2afaba1 100644
--- a/examples/royale/TourDeJewel/src/main/royale/ImagePlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/ImagePlayGround.mxml
@@ -17,11 +17,12 @@ 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:html="library://ns.apache.org/royale/html"
-				xmlns:js="library://ns.apache.org/royale/basic">
-
+<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 {
@@ -61,4 +62,4 @@ limitations under the License.
 		</j:GridCell>
 	</j:Grid>
 
-</j:SectionContent>
+</c:ExampleAndSourceCodeTabbedSectionContent>
diff --git a/examples/royale/TourDeJewel/src/main/royale/LabelPlayGround.mxml b/examples/royale/TourDeJewel/src/main/royale/LabelPlayGround.mxml
index bc27657..8f27c24 100644
--- a/examples/royale/TourDeJewel/src/main/royale/LabelPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/LabelPlayGround.mxml
@@ -17,10 +17,12 @@ 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: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="LabelPlayGround.mxml">
 	<fx:Script>
 		<![CDATA[
         import org.apache.royale.events.MouseEvent;
@@ -44,4 +46,4 @@ limitations under the License.
 		<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>
+</c:ExampleAndSourceCodeTabbedSectionContent>
diff --git a/examples/royale/TourDeJewel/src/main/royale/LayoutsPlayGround.mxml b/examples/royale/TourDeJewel/src/main/royale/LayoutsPlayGround.mxml
index a9413e1..836e590 100644
--- a/examples/royale/TourDeJewel/src/main/royale/LayoutsPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/LayoutsPlayGround.mxml
@@ -17,11 +17,12 @@ 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:html="library://ns.apache.org/royale/html"
-				xmlns:js="library://ns.apache.org/royale/basic">
-
+<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 {
@@ -206,4 +207,4 @@ limitations under the License.
 		</j:GridCell> -->
 	</j:Grid>
 
-</j:SectionContent>
+</c:ExampleAndSourceCodeTabbedSectionContent>
diff --git a/examples/royale/TourDeJewel/src/main/royale/ListPlayGround.mxml b/examples/royale/TourDeJewel/src/main/royale/ListPlayGround.mxml
index a31de07..151c460 100644
--- a/examples/royale/TourDeJewel/src/main/royale/ListPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/ListPlayGround.mxml
@@ -17,12 +17,13 @@ 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"
-		xmlns:models="models.*">
-
+<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;
@@ -214,4 +215,4 @@ limitations under the License.
 		</j:GridCell>
 	</j:Grid>
 
-</j:SectionContent>
+</c:ExampleAndSourceCodeTabbedSectionContent>
diff --git a/examples/royale/TourDeJewel/src/main/royale/NumericStepperPlayGround.mxml b/examples/royale/TourDeJewel/src/main/royale/NumericStepperPlayGround.mxml
index c4ab3ed..ca931e3 100644
--- a/examples/royale/TourDeJewel/src/main/royale/NumericStepperPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/NumericStepperPlayGround.mxml
@@ -17,10 +17,12 @@ 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: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="NumericStepperPlayGround.mxml">
 	<fx:Script>
 		<![CDATA[      
             private function valueChangeHandler(event:Event):void {
@@ -52,4 +54,4 @@ limitations under the License.
 			<j:Label text="NumericStepper stepSize='2'"/>
 		</j:HGroup>
 	</j:Card>
-</j:SectionContent>
+</c:ExampleAndSourceCodeTabbedSectionContent>
diff --git a/examples/royale/TourDeJewel/src/main/royale/RadioButtonPlayGround.mxml b/examples/royale/TourDeJewel/src/main/royale/RadioButtonPlayGround.mxml
index 5edac7f..de1bb66 100644
--- a/examples/royale/TourDeJewel/src/main/royale/RadioButtonPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/RadioButtonPlayGround.mxml
@@ -17,10 +17,12 @@ 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: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="RadioButtonPlayGround.mxml">
 	<j:Card width="350">
 		<html:H3 text="Jewel RadioButton"/>
 
@@ -40,4 +42,4 @@ limitations under the License.
 			</j:beads>
 		</j:RadioButton>
 	</j:Card>
-</j:SectionContent>
+</c:ExampleAndSourceCodeTabbedSectionContent>
diff --git a/examples/royale/TourDeJewel/src/main/royale/SliderPlayGround.mxml b/examples/royale/TourDeJewel/src/main/royale/SliderPlayGround.mxml
index eb5bbd3..e9ed3ae 100644
--- a/examples/royale/TourDeJewel/src/main/royale/SliderPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/SliderPlayGround.mxml
@@ -17,11 +17,12 @@ 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="SliderPlayGround.mxml">
 	<fx:Script>
 		<![CDATA[
 		
@@ -77,4 +78,4 @@ limitations under the License.
 		<j:Button id="button" text="Slider to 400x200" width="250" height="80" emphasis="{Button.PRIMARY}"
 						click="clickHandler(event)"/>
 	</j:Card>
-</j:SectionContent>
+</c:ExampleAndSourceCodeTabbedSectionContent>
diff --git a/examples/royale/TourDeJewel/src/main/royale/SnackbarPlayGround.mxml b/examples/royale/TourDeJewel/src/main/royale/SnackbarPlayGround.mxml
index 4a9d733..4a61a4d 100644
--- a/examples/royale/TourDeJewel/src/main/royale/SnackbarPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/SnackbarPlayGround.mxml
@@ -17,10 +17,12 @@ 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:html="library://ns.apache.org/royale/html"
-		xmlns:js="library://ns.apache.org/royale/basic">
+<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;
@@ -89,4 +91,4 @@ limitations under the License.
 			</j:Card>
 		</j:GridCell>
 	</j:Grid>
-</j:SectionContent>
+</c:ExampleAndSourceCodeTabbedSectionContent>
diff --git a/examples/royale/TourDeJewel/src/main/royale/TabBarPlayGround.mxml b/examples/royale/TourDeJewel/src/main/royale/TabBarPlayGround.mxml
index 4d260d1..565012a 100644
--- a/examples/royale/TourDeJewel/src/main/royale/TabBarPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/TabBarPlayGround.mxml
@@ -17,11 +17,12 @@ 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:html="library://ns.apache.org/royale/html"
-				xmlns:js="library://ns.apache.org/royale/basic">
-
+<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;
@@ -85,4 +86,4 @@ limitations under the License.
 		
 	</j:Grid>
 
-</j:SectionContent>
+</c:ExampleAndSourceCodeTabbedSectionContent>
diff --git a/examples/royale/TourDeJewel/src/main/royale/TablePlayGround.mxml b/examples/royale/TourDeJewel/src/main/royale/TablePlayGround.mxml
index 617511d..bb04a72 100644
--- a/examples/royale/TourDeJewel/src/main/royale/TablePlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/TablePlayGround.mxml
@@ -17,12 +17,13 @@ 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"
-		xmlns:models="models.*">
-
+<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"/>
 	</j:model>
@@ -268,4 +269,4 @@ limitations under the License.
 		]]>
 	</fx:Script>
 
-</j:SectionContent>
+</c:ExampleAndSourceCodeTabbedSectionContent>
diff --git a/examples/royale/TourDeJewel/src/main/royale/TextInputPlayGround.mxml b/examples/royale/TourDeJewel/src/main/royale/TextInputPlayGround.mxml
index 031efb8..2be75e1 100644
--- a/examples/royale/TourDeJewel/src/main/royale/TextInputPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/TextInputPlayGround.mxml
@@ -17,11 +17,12 @@ 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="TextInputPlayGround.mxml">
 	<fx:Script>
 		<![CDATA[
             private function onValueChange(event:Event):void
@@ -259,4 +260,4 @@ limitations under the License.
 		</j:GridCell> -->
 	</j:Grid>
 
-</j:SectionContent>
+</c:ExampleAndSourceCodeTabbedSectionContent>
diff --git a/examples/royale/TourDeJewel/src/main/royale/ViewStatesPlayGround.mxml b/examples/royale/TourDeJewel/src/main/royale/ViewStatesPlayGround.mxml
index eeec214..aa80417 100644
--- a/examples/royale/TourDeJewel/src/main/royale/ViewStatesPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/ViewStatesPlayGround.mxml
@@ -17,21 +17,16 @@ 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:html="library://ns.apache.org/royale/html"
-				xmlns:js="library://ns.apache.org/royale/basic"
-                xmlns:components="components.*">
-    
+<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/>
 
-			<components:ViewStatesIncludeIn/>
-
-		
-			<components:ViewStatesDotNotation/>
-
-		
+			<c:ViewStatesDotNotation/>
 	</j:Grid>
 
-</j:SectionContent>
+</c:ExampleAndSourceCodeTabbedSectionContent>
diff --git a/examples/royale/TourDeJewel/src/main/royale/WizardPlayGround.mxml b/examples/royale/TourDeJewel/src/main/royale/WizardPlayGround.mxml
index e74e71e..8585a44 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.
 
 -->
-<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"
-		xmlns:components="components.*">
-
+<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;
@@ -66,7 +66,7 @@ limitations under the License.
 					<j:WizardStep name="page1" nextStep="page2" initialPage="true" stepLabel="Page 1"/>
 				</views:step>
 				
-				<components:FormExample label="Form Example in Page 1"/>
+				<c:FormExample label="Form Example in Page 1"/>
 
 			</j:WizardPage>
 			
@@ -130,4 +130,4 @@ limitations under the License.
 			</j:WizardPage>
 		</j:Wizard>
 	</j:Card>
-</j:SectionContent>
+</c:ExampleAndSourceCodeTabbedSectionContent>