You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@flex.apache.org by jm...@apache.org on 2014/11/29 08:20:30 UTC

svn commit: r1642397 [5/10] - in /flex/site/trunk/content/tourdeflex: ./ apache/ apache/containers/ apache/controls/ apache/formatters/ apache/i18n/ apache/validators/ mx/charts/ mx/containers/ mx/controls/ mx/core/ mx/effects/ mx/formatters/ mx/printi...

Modified: flex/site/trunk/content/tourdeflex/mx/validators/NumberValidatorExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/mx/validators/NumberValidatorExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/mx/validators/NumberValidatorExample.mxml (original)
+++ flex/site/trunk/content/tourdeflex/mx/validators/NumberValidatorExample.mxml Sat Nov 29 07:19:59 2014
@@ -17,9 +17,11 @@
   -->
 
 <!-- Simple example to demonstrate the NumberValidator. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+				paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+				height="100%" width="100%">
 
-    <fx:Script>
+     <fx:Script>
         import mx.controls.Alert;
     </fx:Script>
 
@@ -27,11 +29,12 @@
 	    <mx:NumberValidator source="{age}" property="text" integerError="Enter Integer value"
 	        minValue="18" maxValue="50" domain="int" 
 	        trigger="{myButton}" triggerEvent="click"
-	        valid="Alert.show('Validation Succeeded!');"/>
+	        valid="Alert.show('Validation Succeeded!')"/>
 	</fx:Declarations>
 
-    <mx:Panel title="NumberValidator Example" width="75%" height="75%" 
-        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+    <mx:Panel title="NumberValidator Example"	
+				paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+				height="100%" width="100%">
 
         <mx:Form>
             <mx:FormItem label="Enter an age between 18 and 50: ">

Modified: flex/site/trunk/content/tourdeflex/mx/validators/NumberValidatorExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/mx/validators/NumberValidatorExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.

Modified: flex/site/trunk/content/tourdeflex/mx/validators/PhoneNumberValidatorExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/mx/validators/PhoneNumberValidatorExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/mx/validators/PhoneNumberValidatorExample.mxml (original)
+++ flex/site/trunk/content/tourdeflex/mx/validators/PhoneNumberValidatorExample.mxml Sat Nov 29 07:19:59 2014
@@ -17,24 +17,27 @@
   -->
 
 <!-- Simple example to demonstrate the PhoneNumberValidator. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+				paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+				height="100%" width="100%">
 
-    <fx:Script>
+     <fx:Script>
         import mx.controls.Alert;
     </fx:Script>
 
 	<fx:Declarations>
 	    <mx:PhoneNumberValidator source="{phone}" property="text" 
 	        trigger="{myButton}" triggerEvent="click"
-	        valid="Alert.show('Validation Succeeded!');"/>
+	        valid="Alert.show('Validation Succeeded!')" />
 	</fx:Declarations>
 
-    <mx:Panel title="Phone Number Validator Panel" width="75%" height="75%" 
-        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+    <mx:Panel title="Phone Number Validator Panel"
+			  paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+			  height="100%" width="100%">
 
         <mx:Form>
             <mx:FormItem label="Enter 10-digit phone number: ">
-                <mx:TextInput id="phone" width="100%"/>
+                <mx:TextInput id="phone" width="100%" />
             </mx:FormItem>
 
             <mx:FormItem >

Modified: flex/site/trunk/content/tourdeflex/mx/validators/PhoneNumberValidatorExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/mx/validators/PhoneNumberValidatorExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.

Modified: flex/site/trunk/content/tourdeflex/mx/validators/RegExValidatorExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/mx/validators/RegExValidatorExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/mx/validators/RegExValidatorExample.mxml (original)
+++ flex/site/trunk/content/tourdeflex/mx/validators/RegExValidatorExample.mxml Sat Nov 29 07:19:59 2014
@@ -17,7 +17,9 @@
   -->
 
 <!-- Simple example to demonstrate the RegExpValidator. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+				paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+				height="100%" width="100%">
 
 	<fx:Script>
 		<![CDATA[
@@ -55,8 +57,9 @@
 			trigger="{myButton}" triggerEvent="click"/>
 	</fx:Declarations>
 	
-   <mx:Panel title="RegExpValidator Example" width="95%" height="95%" 
-        paddingTop="5" paddingLeft="5" paddingRight="5" paddingBottom="5">
+   <mx:Panel title="RegExpValidator Example"	
+				paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+				height="100%" width="100%">
    
         <mx:Text width="100%" text="Instructions:"/>
         <mx:Text width="100%" text="1. Enter text to search. By default, enter  a string containing the letters ABC in sequence followed by any digit."/>

Modified: flex/site/trunk/content/tourdeflex/mx/validators/RegExValidatorExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/mx/validators/RegExValidatorExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.

Modified: flex/site/trunk/content/tourdeflex/mx/validators/SimpleValidatorExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/mx/validators/SimpleValidatorExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/mx/validators/SimpleValidatorExample.mxml (original)
+++ flex/site/trunk/content/tourdeflex/mx/validators/SimpleValidatorExample.mxml Sat Nov 29 07:19:59 2014
@@ -17,9 +17,11 @@
   -->
 
 <!-- Simple example to demonstrate the Validator class. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+				paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+				height="100%" width="100%">
 
-    <fx:Script>
+     <fx:Script>
         <![CDATA[
 
 			// Import necessary classes.
@@ -51,11 +53,12 @@
 	        valid="handleValid(event)" invalid="handleValid(event)"/>
 	</fx:Declarations>
         
-    <mx:Panel title="Validator Example" width="100%" height="100%" 
-            paddingTop="5" paddingLeft="5" paddingRight="5" paddingBottom="5">
+    <mx:Panel title="Validator Example"	
+				paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+				height="100%" width="100%">
 
         <mx:Form>
-            <mx:Text width="100%" color="blue"
+            <mx:Text width="100%"
                 text="Enter a value in the Name field before you can submit. The E-mail field is optional."/>
 
             <mx:FormItem label="Name: " required="true">
@@ -68,7 +71,7 @@
             
             <mx:FormItem>
                 <mx:Button id="submitButton" enabled="false" 
-                    label="Submit" click="submitForm();"/>
+                    label="Submit" click="submitForm()"/>
             </mx:FormItem>
         </mx:Form>
 

Modified: flex/site/trunk/content/tourdeflex/mx/validators/SimpleValidatorExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/mx/validators/SimpleValidatorExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.

Modified: flex/site/trunk/content/tourdeflex/mx/validators/SocialSecurityValidatorExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/mx/validators/SocialSecurityValidatorExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/mx/validators/SocialSecurityValidatorExample.mxml (original)
+++ flex/site/trunk/content/tourdeflex/mx/validators/SocialSecurityValidatorExample.mxml Sat Nov 29 07:19:59 2014
@@ -17,20 +17,23 @@
   -->
 
 <!-- Simple example to demonstrate SocialSecurityValidator. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+				paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+				height="100%" width="100%">
 
-    <fx:Script>
+     <fx:Script>
         import mx.controls.Alert;
     </fx:Script>
 
 	<fx:Declarations>
 	    <mx:SocialSecurityValidator source="{ssn}" property="text" 
 	        trigger="{myButton}" triggerEvent="click"
-	        valid="Alert.show('Validation Succeeded!');"/>
+	        valid="Alert.show('Validation Succeeded!')"/>
 	</fx:Declarations>
 
-    <mx:Panel title="Social Security Validator Panel" width="75%" height="75%" 
-        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+    <mx:Panel title="Social Security Validator Panel"	
+				paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+				height="100%" width="100%">
         
         <mx:Form>
             <mx:FormItem label="Enter Social Security number: ">

Modified: flex/site/trunk/content/tourdeflex/mx/validators/SocialSecurityValidatorExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/mx/validators/SocialSecurityValidatorExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.

Modified: flex/site/trunk/content/tourdeflex/mx/validators/StringValidatorExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/mx/validators/StringValidatorExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/mx/validators/StringValidatorExample.mxml (original)
+++ flex/site/trunk/content/tourdeflex/mx/validators/StringValidatorExample.mxml Sat Nov 29 07:19:59 2014
@@ -17,9 +17,11 @@
   -->
 
 <!-- Simple example to demonstrate StringValidator. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+				paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+				height="100%" width="100%">
 
-    <fx:Script>
+     <fx:Script>
         import mx.controls.Alert;
     </fx:Script>
 
@@ -29,11 +31,12 @@
 	    	tooLongError="This string is longer than the maximum allowed length of 20." 
 	    	minLength="4" maxLength="20"  
 	    	trigger="{myButton}" triggerEvent="click" 
-	    	valid="Alert.show('Validation Succeeded!');"/>
+	    	valid="Alert.show('Validation Succeeded!')"/>
 	</fx:Declarations>
 
-    <mx:Panel title="StringValidator Example" width="75%" height="75%" 
-        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+    <mx:Panel title="StringValidator Example"	
+				paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+				height="100%" width="100%">
 
             <mx:Form>               
 			    <mx:FormItem label="Enter a name between 4 and 20 characters: ">

Modified: flex/site/trunk/content/tourdeflex/mx/validators/StringValidatorExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/mx/validators/StringValidatorExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.

Modified: flex/site/trunk/content/tourdeflex/mx/validators/ZipCodeValidatorExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/mx/validators/ZipCodeValidatorExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/mx/validators/ZipCodeValidatorExample.mxml (original)
+++ flex/site/trunk/content/tourdeflex/mx/validators/ZipCodeValidatorExample.mxml Sat Nov 29 07:19:59 2014
@@ -17,20 +17,23 @@
   -->
 
 <!-- Simple example to demonstrate the ZipCodeValidator. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+				paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+				height="100%" width="100%">
 
-    <fx:Script>
+     <fx:Script>
         import mx.controls.Alert;
     </fx:Script>
 
 	<fx:Declarations>
 	    <mx:ZipCodeValidator source="{zip}" property="text" 
 	        trigger="{myButton}" triggerEvent="click"  
-	        valid="Alert.show('Validation Succeeded!');"/>
+	        valid="Alert.show('Validation Succeeded!')"/>
 	</fx:Declarations>
 
-    <mx:Panel title="ZipcodeValidator Example" width="75%" height="75%" 
-        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+    <mx:Panel title="ZipcodeValidator Example"	
+				paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+				height="100%" width="100%">
 
         <mx:Form>
             <mx:FormItem label="Enter a 5 or 9 digit U.S. Zip code: ">

Modified: flex/site/trunk/content/tourdeflex/mx/validators/ZipCodeValidatorExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/mx/validators/ZipCodeValidatorExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.

Modified: flex/site/trunk/content/tourdeflex/spark/charts/AreaChartExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/charts/AreaChartExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/charts/AreaChartExample.mxml (original)
+++ flex/site/trunk/content/tourdeflex/spark/charts/AreaChartExample.mxml Sat Nov 29 07:19:59 2014
@@ -19,8 +19,7 @@
 -->
 <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
 			   xmlns:s="library://ns.adobe.com/flex/spark" 
-			   xmlns:mx="library://ns.adobe.com/flex/mx" 
-			   skinClass="TDFGradientBackgroundSkin">
+			   xmlns:mx="library://ns.adobe.com/flex/mx">
 	
 	<fx:Script>
 		<![CDATA[
@@ -37,13 +36,7 @@
 		]]>
 	</fx:Script>
 	
-	<s:layout>
-		<s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
-	</s:layout>
-	
-	<s:Panel title="AreaChart Control" width="600" height="100%"
-			 color="0x000000" 
-			 borderAlpha="0.15">
+	<s:Panel title="AreaChart Control" width="100%" height="100%">
 		
 		<s:layout>
 			<s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10"/>

Modified: flex/site/trunk/content/tourdeflex/spark/charts/AreaChartExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/charts/AreaChartExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.

Modified: flex/site/trunk/content/tourdeflex/spark/charts/BarChartExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/charts/BarChartExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/charts/BarChartExample.mxml (original)
+++ flex/site/trunk/content/tourdeflex/spark/charts/BarChartExample.mxml Sat Nov 29 07:19:59 2014
@@ -19,8 +19,7 @@
 -->
 <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
 			   xmlns:s="library://ns.adobe.com/flex/spark" 
-			   xmlns:mx="library://ns.adobe.com/flex/mx" 
-			   skinClass="TDFGradientBackgroundSkin">
+			   xmlns:mx="library://ns.adobe.com/flex/mx">
 	
 	<fx:Script>
         <![CDATA[
@@ -34,14 +33,8 @@
             { Country: "Russia", Gold: 27, Silver:27, Bronze: 38 } ]);
         ]]>
     </fx:Script>
-	
-	<s:layout>
-		<s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
-	</s:layout>
     
-	<s:Panel title="BarChart Control" width="600" height="100%"
-			 color="0x000000" 
-			 borderAlpha="0.15">
+	<s:Panel title="BarChart Control" width="100%" height="100%">
 		
 		<s:layout>
 			<s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10"/>

Modified: flex/site/trunk/content/tourdeflex/spark/charts/BarChartExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/charts/BarChartExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.

Modified: flex/site/trunk/content/tourdeflex/spark/charts/BubbleChartExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/charts/BubbleChartExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/charts/BubbleChartExample.mxml (original)
+++ flex/site/trunk/content/tourdeflex/spark/charts/BubbleChartExample.mxml Sat Nov 29 07:19:59 2014
@@ -19,8 +19,7 @@
 -->
 <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
 			   xmlns:s="library://ns.adobe.com/flex/spark" 
-			   xmlns:mx="library://ns.adobe.com/flex/mx" 
-			   skinClass="TDFGradientBackgroundSkin">
+			   xmlns:mx="library://ns.adobe.com/flex/mx">
 	
 	<fx:Script>
 		<![CDATA[
@@ -43,18 +42,10 @@
 		mx|BubbleChart { color:#000099; }
 	</fx:Style>
 	
-	<s:layout>
-		<s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
-	</s:layout>
-	
-	<s:Panel title="BubbleChart Control" width="600" height="100%"
-			 color="0x000000" 
-			 borderAlpha="0.15">
+	<s:Panel title="BubbleChart Control" width="100%" height="100%">
 		
 		<s:layout>
-			<s:HorizontalLayout horizontalAlign="center" 
-							  paddingLeft="10" paddingRight="10" 
-							  paddingTop="10" paddingBottom="10"/>
+			<s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10"/>
 		</s:layout>
 		
 		<mx:BubbleChart id="bubblechart" height="100%" width="100%" paddingRight="5" paddingLeft="5" color="0x323232"

Modified: flex/site/trunk/content/tourdeflex/spark/charts/BubbleChartExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/charts/BubbleChartExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.

Modified: flex/site/trunk/content/tourdeflex/spark/charts/CandleStickChartExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/charts/CandleStickChartExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/charts/CandleStickChartExample.mxml (original)
+++ flex/site/trunk/content/tourdeflex/spark/charts/CandleStickChartExample.mxml Sat Nov 29 07:19:59 2014
@@ -19,8 +19,7 @@
 -->
 <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
 			   xmlns:s="library://ns.adobe.com/flex/spark" 
-			   xmlns:mx="library://ns.adobe.com/flex/mx" 
-			   skinClass="TDFGradientBackgroundSkin">
+			   xmlns:mx="library://ns.adobe.com/flex/mx">
 	
 	 <fx:Script>
         <![CDATA[
@@ -42,18 +41,10 @@
         ]]>
     </fx:Script>
 	
-	<s:layout>
-		<s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
-	</s:layout>
-    
-	<s:Panel title="CandlestickChart Control" width="600" height="100%"
-			 color="0x000000" 
-			 borderAlpha="0.15">
+	<s:Panel title="CandlestickChart Control" width="100%" height="100%">
 		
 		<s:layout>
-			<s:HorizontalLayout horizontalAlign="center" 
-								paddingLeft="10" paddingRight="10" 
-								paddingTop="10" paddingBottom="10"/>
+			<s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10"/>
 		</s:layout>
          
          <mx:CandlestickChart id="candlestickchart" height="100%" width="100%" paddingRight="5" paddingLeft="5" 

Modified: flex/site/trunk/content/tourdeflex/spark/charts/CandleStickChartExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/charts/CandleStickChartExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.

Modified: flex/site/trunk/content/tourdeflex/spark/charts/ColumnChartExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/charts/ColumnChartExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/charts/ColumnChartExample.mxml (original)
+++ flex/site/trunk/content/tourdeflex/spark/charts/ColumnChartExample.mxml Sat Nov 29 07:19:59 2014
@@ -19,8 +19,7 @@
 -->
 <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
 			   xmlns:s="library://ns.adobe.com/flex/spark" 
-			   xmlns:mx="library://ns.adobe.com/flex/mx" 
-			   skinClass="TDFGradientBackgroundSkin">
+			   xmlns:mx="library://ns.adobe.com/flex/mx">
 	
 	<fx:Script>
         <![CDATA[
@@ -34,19 +33,11 @@
             { Country: "Russia", Gold: 27, Silver:27, Bronze: 38 } ]);
         ]]>
     </fx:Script>
-	
-	<s:layout>
-		<s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
-	</s:layout>
-    
-	<s:Panel title="ColumnChart Control" width="600" height="100%"
-			 color="0x000000" 
-			 borderAlpha="0.15">
+
+	<s:Panel title="ColumnChart Control" width="100%" height="100%">
 		
 		<s:layout>
-			<s:HorizontalLayout horizontalAlign="center" 
-								paddingLeft="10" paddingRight="10" 
-								paddingTop="10" paddingBottom="10"/>
+			<s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10"/>
 		</s:layout>
          
          <mx:ColumnChart id="column" height="100%" color="0x323232"

Modified: flex/site/trunk/content/tourdeflex/spark/charts/ColumnChartExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/charts/ColumnChartExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.

Modified: flex/site/trunk/content/tourdeflex/spark/charts/HLOCChartExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/charts/HLOCChartExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/charts/HLOCChartExample.mxml (original)
+++ flex/site/trunk/content/tourdeflex/spark/charts/HLOCChartExample.mxml Sat Nov 29 07:19:59 2014
@@ -19,8 +19,7 @@
 -->
 <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
 			   xmlns:s="library://ns.adobe.com/flex/spark" 
-			   xmlns:mx="library://ns.adobe.com/flex/mx" 
-			   skinClass="TDFGradientBackgroundSkin">
+			   xmlns:mx="library://ns.adobe.com/flex/mx">
 	
 	<fx:Script>
 		<![CDATA[
@@ -42,18 +41,10 @@
 		]]>
 	</fx:Script>
 	
-	<s:layout>
-		<s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
-	</s:layout>
-	
-	<s:Panel title="HLOCChart Control" width="600" height="100%"
-			 color="0x000000" 
-			 borderAlpha="0.15">
+	<s:Panel title="HLOCChart Control" width="100%" height="100%">
 		
 		<s:layout>
-			<s:HorizontalLayout horizontalAlign="center" 
-								paddingLeft="10" paddingRight="10" 
-								paddingTop="10" paddingBottom="10"/>
+			<s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10"/>
 		</s:layout>
 		
 		<mx:HLOCChart id="hlocchart" height="100%" width="100%" paddingRight="5" paddingLeft="5"

Modified: flex/site/trunk/content/tourdeflex/spark/charts/HLOCChartExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/charts/HLOCChartExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.

Modified: flex/site/trunk/content/tourdeflex/spark/charts/LineChartExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/charts/LineChartExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/charts/LineChartExample.mxml (original)
+++ flex/site/trunk/content/tourdeflex/spark/charts/LineChartExample.mxml Sat Nov 29 07:19:59 2014
@@ -19,8 +19,7 @@
 -->
 <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
 			   xmlns:s="library://ns.adobe.com/flex/spark" 
-			   xmlns:mx="library://ns.adobe.com/flex/mx" 
-			   skinClass="TDFGradientBackgroundSkin">
+			   xmlns:mx="library://ns.adobe.com/flex/mx">
 	
 	<fx:Script>
 		<![CDATA[
@@ -37,18 +36,10 @@
 		]]>
 	</fx:Script>
 	
-	<s:layout>
-		<s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
-	</s:layout>
-	
-	<s:Panel title="LineChart Control" width="600" height="100%"
-			 color="0x000000" 
-			 borderAlpha="0.15">
+	<s:Panel title="LineChart Control" width="100%" height="100%">
 		
 		<s:layout>
-			<s:HorizontalLayout horizontalAlign="center" 
-								paddingLeft="10" paddingRight="10" 
-								paddingTop="10" paddingBottom="10"/>
+			<s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10"/>
 		</s:layout>
 		
 		<mx:LineChart id="linechart" color="0x323232" height="100%"

Modified: flex/site/trunk/content/tourdeflex/spark/charts/LineChartExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/charts/LineChartExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.

Modified: flex/site/trunk/content/tourdeflex/spark/charts/PieChartExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/charts/PieChartExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/charts/PieChartExample.mxml (original)
+++ flex/site/trunk/content/tourdeflex/spark/charts/PieChartExample.mxml Sat Nov 29 07:19:59 2014
@@ -19,8 +19,7 @@
 -->
 <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
 			   xmlns:s="library://ns.adobe.com/flex/spark" 
-			   xmlns:mx="library://ns.adobe.com/flex/mx" 
-			   skinClass="TDFGradientBackgroundSkin">
+			   xmlns:mx="library://ns.adobe.com/flex/mx">
 	
 	<fx:Script>
 		<![CDATA[
@@ -40,18 +39,10 @@
 		]]>
 	</fx:Script>
 	
-	<s:layout>
-		<s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
-	</s:layout>
-	
-	<s:Panel title="PieChart Control" width="600" height="100%"
-			 color="0x000000" 
-			 borderAlpha="0.15">
+	<s:Panel title="PieChart Control" width="100%" height="100%">
 		
 		<s:layout>
-			<s:HorizontalLayout horizontalAlign="center" 
-								paddingLeft="10" paddingRight="10" 
-								paddingTop="10" paddingBottom="10"/>
+			<s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10"/>
 		</s:layout>
 		
 		<mx:PieChart id="chart" height="100%" width="100%" paddingRight="5" paddingLeft="5" color="0x323232"

Modified: flex/site/trunk/content/tourdeflex/spark/charts/PieChartExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/charts/PieChartExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.

Modified: flex/site/trunk/content/tourdeflex/spark/charts/PlotChartExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/charts/PlotChartExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/charts/PlotChartExample.mxml (original)
+++ flex/site/trunk/content/tourdeflex/spark/charts/PlotChartExample.mxml Sat Nov 29 07:19:59 2014
@@ -19,8 +19,7 @@
 -->
 <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
 			   xmlns:s="library://ns.adobe.com/flex/spark" 
-			   xmlns:mx="library://ns.adobe.com/flex/mx" 
-			   skinClass="TDFGradientBackgroundSkin">
+			   xmlns:mx="library://ns.adobe.com/flex/mx">
 	
 	<fx:Script>
 		<![CDATA[
@@ -35,18 +34,10 @@
 		]]>
 	</fx:Script>
 	
-	<s:layout>
-		<s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
-	</s:layout>
-	
-	<s:Panel title="PlotChart Control" width="600" height="100%"
-			 color="0x000000" 
-			 borderAlpha="0.15">
+	<s:Panel title="PlotChart Control" width="100%" height="100%">
 		
 		<s:layout>
-			<s:HorizontalLayout horizontalAlign="center" 
-								paddingLeft="10" paddingRight="10" 
-								paddingTop="10" paddingBottom="10"/>
+			<s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10"/>
 		</s:layout>
 		
 		<mx:PlotChart id="plot" height="100%" paddingLeft="5" paddingRight="5"  color="0x323232"

Modified: flex/site/trunk/content/tourdeflex/spark/charts/PlotChartExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/charts/PlotChartExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.

Modified: flex/site/trunk/content/tourdeflex/spark/charts/SeriesInterpolateExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/charts/SeriesInterpolateExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/charts/SeriesInterpolateExample.mxml (original)
+++ flex/site/trunk/content/tourdeflex/spark/charts/SeriesInterpolateExample.mxml Sat Nov 29 07:19:59 2014
@@ -19,8 +19,7 @@
 -->
 <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
 			   xmlns:s="library://ns.adobe.com/flex/spark" 
-			   xmlns:mx="library://ns.adobe.com/flex/mx" 
-			   skinClass="TDFGradientBackgroundSkin">
+			   xmlns:mx="library://ns.adobe.com/flex/mx">
 	
 	<fx:Script>
 		<![CDATA[
@@ -56,22 +55,14 @@
 		]]>
 	</fx:Script>
 	
-	<s:layout>
-		<s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
-	</s:layout>
-	
 	<fx:Declarations>
 		<mx:SeriesInterpolate id="interpolateIn" duration="1000"/>
 	</fx:Declarations>
 	
-	<s:Panel title="Interpolate Effect" width="600" height="100%"
-			 color="0x000000" 
-			 borderAlpha="0.15">
+	<s:Panel title="Interpolate Effect" width="100%" height="100%">
 		
 		<s:layout>
-			<s:HorizontalLayout horizontalAlign="center" 
-								paddingLeft="10" paddingRight="10" 
-								paddingTop="10" paddingBottom="10"/>
+			<s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10"/>
 		</s:layout>
 		
 		<mx:CandlestickChart id="candlestickchart" height="100%" paddingRight="5" paddingLeft="5" color="0x323232"
@@ -104,9 +95,9 @@
 					 text="Choose a company to view recent stock data."/>
 			
 			<s:RadioButton groupName="stocks" label="View Company A"
-						   selected="true" click="candlestickchart.dataProvider=companyAAC;"/>
+						   selected="true" click="candlestickchart.dataProvider=companyAAC"/>
 			<s:RadioButton groupName="stocks" label="View Company B"
-						   click="candlestickchart.dataProvider=companyBAC;"/>
+						   click="candlestickchart.dataProvider=companyBAC"/>
 		</s:BorderContainer>
 		
 	</s:Panel>

Modified: flex/site/trunk/content/tourdeflex/spark/charts/SeriesInterpolateExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/charts/SeriesInterpolateExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.

Modified: flex/site/trunk/content/tourdeflex/spark/charts/SeriesSlideExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/charts/SeriesSlideExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/charts/SeriesSlideExample.mxml (original)
+++ flex/site/trunk/content/tourdeflex/spark/charts/SeriesSlideExample.mxml Sat Nov 29 07:19:59 2014
@@ -19,8 +19,7 @@
 -->
 <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
 			   xmlns:s="library://ns.adobe.com/flex/spark" 
-			   xmlns:mx="library://ns.adobe.com/flex/mx" 
-			   skinClass="TDFGradientBackgroundSkin">
+			   xmlns:mx="library://ns.adobe.com/flex/mx">
 	
 	<fx:Script>
 		<![CDATA[
@@ -56,24 +55,16 @@
 		]]>
 	</fx:Script>
 	
-	<s:layout>
-		<s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
-	</s:layout>
-	
 	<fx:Declarations>
 		<mx:SeriesSlide id="slideIn" duration="1000" direction="up"/>
 		<mx:SeriesSlide id="slideOut" duration="1000" direction="down"/>
 	</fx:Declarations>
 	
 	
-	<s:Panel title="Slide Effect" width="600" height="100%"
-			 color="0x000000" 
-			 borderAlpha="0.15">
+	<s:Panel title="Slide Effect" width="100%" height="100%">
 		
 		<s:layout>
-			<s:HorizontalLayout horizontalAlign="center" 
-								paddingLeft="10" paddingRight="10" 
-								paddingTop="10" paddingBottom="10"/>
+			<s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10"/>
 		</s:layout>
 		
 		<mx:CandlestickChart id="candlestickchart" height="100%" paddingRight="5" paddingLeft="5" color="0x323232"
@@ -106,9 +97,9 @@
 					 text="Choose a company to view recent stock data."/>
 			
 			<s:RadioButton groupName="stocks" label="View Company A"
-						   selected="true" click="candlestickchart.dataProvider=companyAAC;"/>
+						   selected="true" click="candlestickchart.dataProvider=companyAAC"/>
 			<s:RadioButton groupName="stocks" label="View Company B"
-						   click="candlestickchart.dataProvider=companyBAC;"/>
+						   click="candlestickchart.dataProvider=companyBAC"/>
 		</s:BorderContainer>
 		
 	</s:Panel>

Modified: flex/site/trunk/content/tourdeflex/spark/charts/SeriesSlideExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/charts/SeriesSlideExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.

Modified: flex/site/trunk/content/tourdeflex/spark/charts/SeriesZoomExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/charts/SeriesZoomExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/charts/SeriesZoomExample.mxml (original)
+++ flex/site/trunk/content/tourdeflex/spark/charts/SeriesZoomExample.mxml Sat Nov 29 07:19:59 2014
@@ -19,8 +19,7 @@
 -->
 <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
 			   xmlns:s="library://ns.adobe.com/flex/spark" 
-			   xmlns:mx="library://ns.adobe.com/flex/mx" 
-			   skinClass="TDFGradientBackgroundSkin">
+			   xmlns:mx="library://ns.adobe.com/flex/mx">
 	
 	<fx:Script>
 		<![CDATA[
@@ -56,24 +55,16 @@
 		]]>
 	</fx:Script>
 	
-	<s:layout>
-		<s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
-	</s:layout>
-	
 	<fx:Declarations>
 		<mx:SeriesZoom id="zoomIn" duration="1000"/>
 		<mx:SeriesZoom id="zoomOut" duration="1000"/>
 	</fx:Declarations>
 	
 	
-	<s:Panel title="Zoom Effect" width="600" height="100%"
-			 color="0x000000" 
-			 borderAlpha="0.15">
+	<s:Panel title="Zoom Effect" width="100%" height="100%">
 		
 		<s:layout>
-			<s:HorizontalLayout horizontalAlign="center" 
-								paddingLeft="10" paddingRight="10" 
-								paddingTop="10" paddingBottom="10"/>
+			<s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10"/>
 		</s:layout>
 		
 		<mx:CandlestickChart id="candlestickchart" height="100%" paddingRight="5" paddingLeft="5" color="0x323232"
@@ -105,9 +96,9 @@
 					 text="Choose a company to view recent stock data."/>
 			
 			<s:RadioButton groupName="stocks" label="View Company A"
-						   selected="true" click="candlestickchart.dataProvider=companyAAC;"/>
+						   selected="true" click="candlestickchart.dataProvider=companyAAC"/>
 			<s:RadioButton groupName="stocks" label="View Company B"
-						   click="candlestickchart.dataProvider=companyBAC;"/>
+						   click="candlestickchart.dataProvider=companyBAC"/>
 		</s:BorderContainer>
 		
 	</s:Panel>

Modified: flex/site/trunk/content/tourdeflex/spark/charts/SeriesZoomExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/charts/SeriesZoomExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.

Modified: flex/site/trunk/content/tourdeflex/spark/components/SearchExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/components/SearchExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/components/SearchExample.mxml (original)
+++ flex/site/trunk/content/tourdeflex/spark/components/SearchExample.mxml Sat Nov 29 07:19:59 2014
@@ -20,8 +20,7 @@
 <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
 			   xmlns:s="library://ns.adobe.com/flex/spark" 
 			   xmlns:mx="library://ns.adobe.com/flex/mx" 
-			   xmlns:local="*"
-			   skinClass="TDFGradientBackgroundSkin">
+			   xmlns:local="*">
 	
 	<fx:Style>
 		@namespace s "library://ns.adobe.com/flex/spark";
@@ -62,19 +61,10 @@
 		]]>
 	</fx:Script>
 	
-	<s:layout>
-		<s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
-	</s:layout>
-	
-	<s:Panel title="Components Samples"
-			 width="600" height="100%"
-			 color="0x000000" 
-			 borderAlpha="0.15">
+	<s:Panel title="Components Samples" width="100%" height="100%">
 		
 		<s:layout>
-			<s:HorizontalLayout horizontalAlign="center" 
-								paddingLeft="10" paddingRight="10" 
-								paddingTop="10" paddingBottom="10"/>
+			<s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10"/>
 		</s:layout>
 		
 		<s:HGroup >

Modified: flex/site/trunk/content/tourdeflex/spark/components/SearchExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/components/SearchExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.

Modified: flex/site/trunk/content/tourdeflex/spark/components/VideoPlayerExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/components/VideoPlayerExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/components/VideoPlayerExample.mxml (original)
+++ flex/site/trunk/content/tourdeflex/spark/components/VideoPlayerExample.mxml Sat Nov 29 07:19:59 2014
@@ -20,22 +20,12 @@
 <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
 			   xmlns:s="library://ns.adobe.com/flex/spark" 
 			   xmlns:mx="library://ns.adobe.com/flex/mx"
-			   xmlns:local="*"
-			   skinClass="TDFGradientBackgroundSkin">
+			   xmlns:local="*">
 	
-	<s:layout>
-		<s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
-	</s:layout>
-	
-	<s:Panel title="Components Samples"
-			 width="600" height="100%"
-			 color="0x000000" 
-			 borderAlpha="0.15">
+	<s:Panel title="Components Samples" width="100%" height="100%">
 		
 		<s:layout>
-			<s:HorizontalLayout horizontalAlign="center" 
-							  paddingLeft="10" paddingRight="10" 
-							  paddingTop="10" paddingBottom="10"/>
+			<s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10"/>
 		</s:layout>
 		
 		<local:VideoPlayer source="assets/FlexInstaller.mp4"

Modified: flex/site/trunk/content/tourdeflex/spark/components/VideoPlayerExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/components/VideoPlayerExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.

Modified: flex/site/trunk/content/tourdeflex/spark/components/VideoPlayerModuleLoader.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/components/VideoPlayerModuleLoader.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/components/VideoPlayerModuleLoader.mxml (original)
+++ flex/site/trunk/content/tourdeflex/spark/components/VideoPlayerModuleLoader.mxml Sat Nov 29 07:19:59 2014
@@ -19,7 +19,8 @@
 -->
 <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
 			   xmlns:s="library://ns.adobe.com/flex/spark" 
-			   xmlns:mx="library://ns.adobe.com/flex/mx"  width="100%" height="100%">
+			   xmlns:mx="library://ns.adobe.com/flex/mx"
+			   width="100%" height="100%">
 	
 	<fx:Script>
 		<![CDATA[

Modified: flex/site/trunk/content/tourdeflex/spark/containers/BorderExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/containers/BorderExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/containers/BorderExample.mxml (original)
+++ flex/site/trunk/content/tourdeflex/spark/containers/BorderExample.mxml Sat Nov 29 07:19:59 2014
@@ -23,8 +23,11 @@
 			   xmlns:mx="library://ns.adobe.com/flex/mx"
 			   xmlns:s="library://ns.adobe.com/flex/spark">
 	
-	<s:Panel width="100%" height="100%" title="BorderContainer Sample" 
-			 skinClass="skins.TDFPanelSkin">
+	<s:Panel title="BorderContainer Sample" width="100%" height="100%">
+		
+		<s:layout>
+			<s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10"/>
+		</s:layout>
 		
 		<s:VGroup id="mainGroup" width="100%" 
 				  horizontalCenter="50" top="10">
@@ -58,7 +61,7 @@
 				</s:BorderContainer>	
 			</s:HGroup>
 			
-			<s:Label bottom="10" horizontalCenter="0" width="95%" verticalAlign="justify" color="#323232" 
+			<s:Label bottom="10" horizontalCenter="0" width="95%" verticalAlign="justify" 
 					 text="The Border class provides a container class that can be styled with a border and
 a background fill or image. It has many of the same styles as HaloBorder and is used in a similar way to the
 Halo container classes such as Box and Canvas. Examples of styles that are supported are borderWeight, borderColor, 

Modified: flex/site/trunk/content/tourdeflex/spark/containers/BorderExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/containers/BorderExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.

Modified: flex/site/trunk/content/tourdeflex/spark/containers/GroupExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/containers/GroupExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/containers/GroupExample.mxml (original)
+++ flex/site/trunk/content/tourdeflex/spark/containers/GroupExample.mxml Sat Nov 29 07:19:59 2014
@@ -25,50 +25,45 @@
 		<s:BasicLayout id="bl"/>
 	</s:layout>
 	
-	<!-- Note: Panel has a BasicLayout by default. The BasicLayout means that components will be
-	arranged according to their individual constraint settings, independent of each-other -->
-	<s:Panel id="mainPanel" width="100%" height="100%" top="0" left="5"
-			 title="Panel Sample" 
-			 skinClass="skins.TDFPanelSkin">
+	<s:Panel id="mainPanel" title="Group Sample" width="100%" height="100%">
 		
-	<!-- Note: main panel is BasicLayout by default. So each inner panel will be layed out
-		      according to it's constraints specified individually.                        -->
-			<s:Panel title="Basic Layout Panel"  top="0" left="5">
+		<s:layout>
+			<s:VerticalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10" />
+		</s:layout>
+		
+		<s:HGroup>
+			<s:Group>
 				<!-- Default layout is basic, therefore constraints are used for placement -->
 				<s:Label text="Apples" top="0"/>
 				<s:Label text="Oranges" top="13"/>
 				<s:Label text="Bananas" top="26"/>		
-			</s:Panel>
+			</s:Group>
 			
-			<s:Panel id="horizontalPanel" title="Horizontal Layout Panel" 
-					  top="0" left="250">
+			<s:Group id="horizontalPanel">
 				<s:layout>
 					<s:HorizontalLayout/>
 				</s:layout>
-				<!-- Note: constraints to top left on items here, but will not matter because we
-				     specified a HorizontalLayout -->
-				<s:Label text="Apples" top="0"/>
-				<s:Label text="Oranges" top="13"/>
-				<s:Label text="Bananas" top="26"/>	
-			</s:Panel>
-			<s:Panel id="vericalPanel" title="Vertical Layout Panel" 
-					  top="0" right="5">
+				<s:Label text="Apples" />
+				<s:Label text="Oranges" />
+				<s:Label text="Bananas" />	
+			</s:Group>
+			
+			<s:Group id="vericalPanel">
 				<s:layout>
 					<s:VerticalLayout/>
 				</s:layout>
-				<!-- Note: constraints to top left on items here, but will not matter because we
-				specified a VerticalLayout -->
-				<s:Label text="Apples" top="0"/>
-				<s:Label text="Oranges" top="13"/>
-				<s:Label text="Bananas" top="26"/>	
-			</s:Panel>
-			<s:Label color="0x323232" verticalAlign="justify" 
-						  left="3" bottom="30" width="100%" 
-				text="The Panel class defines a container that includes a title bar, a caption, a border, and a content area for its children.
-The Panel has a basic layout by default, which means it lays out elements within the panel by 
-their individual constraints. You can specify a different layout to use within the panel such 
-as shown in the inner panels (basic, horizontal and vertical layout panels. In that case the 
-individual constraints on the Text items are ignored, as shown here."/>
+				<s:Label text="Apples" />
+				<s:Label text="Oranges" />
+				<s:Label text="Bananas" />	
+			</s:Group>
+		</s:HGroup>
+		
+		<s:Label verticalAlign="justify" 
+				 left="3" bottom="30" width="100%" 
+				 text="The Group class defines a container that includes a content area for its children.
+The Group has a basic layout by default, which means it lays out elements within the group by 
+their individual constraints. You can specify a different layout to use within the group such 
+as shown in the inner groups (basic, horizontal and vertical layout groups)."/>
 			
 	</s:Panel>
 	

Modified: flex/site/trunk/content/tourdeflex/spark/containers/GroupExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/containers/GroupExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.

Modified: flex/site/trunk/content/tourdeflex/spark/containers/PanelExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/containers/PanelExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/containers/PanelExample.mxml (original)
+++ flex/site/trunk/content/tourdeflex/spark/containers/PanelExample.mxml Sat Nov 29 07:19:59 2014
@@ -21,58 +21,44 @@
 			   xmlns:s="library://ns.adobe.com/flex/spark" 
 			   xmlns:mx="library://ns.adobe.com/flex/mx">
 	
-	<!-- Note: Panel has a BasicLayout by default. The BasicLayout means that components will be
-	arranged according to their individual constraint settings, independent of each-other -->
-	<s:Panel id="mainPanel" width="100%" height="100%"
-			 title="Panel Sample" 
-			 skinClass="skins.TDFPanelSkin">
-		
-		
-			<s:HGroup horizontalCenter="0">
-				
-				<!-- Note: main panel is BasicLayout by default, so each inner panel will be layed out
-				according to it's constraints specified individually. -->
-				<s:Panel title="Basic Layout Panel" top="0" left="5">
-					<!-- Default layout is basic, therefore constraints are used for placement -->
-					<mx:Text text="Apples" top="0"/>
-					<mx:Text text="Oranges" top="15"/>
-					<mx:Text text="Bananas" top="30"/>		
-				</s:Panel>
-				
-				<s:Panel title="Horizontal Layout Panel" 
-						 top="0" left="250">
-					<s:layout>
-						<s:HorizontalLayout/>
-					</s:layout>
-					<!-- Note: constraints to top left on items here, but will not matter because we
-					specified a HorizontalLayout -->
-					<mx:Text text="Apples" top="0"/>
-					<mx:Text text="Oranges" top="15"/>
-					<mx:Text text="Bananas" top="30"/>	
-				</s:Panel>
-				
-				<s:Panel title="Vertical Layout Panel" 
-						 top="0" right="5">
-					<s:layout>
-						<s:VerticalLayout/>
-					</s:layout>
-					
-					<!-- Note: constraints to top left on items here, but will not matter because we
-					specified a VeritcalLayout -->
-					<mx:Text text="Apples" top="0"/>
-					<mx:Text text="Oranges" top="15"/>
-					<mx:Text text="Bananas" top="30"/>	
-				</s:Panel>
-			</s:HGroup>	
-		<s:Group bottom="5" width="100%">
+	<s:Panel id="mainPanel" title="Panel Sample" width="100%" height="100%">
+
+		<s:layout>
+			<s:VerticalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10" />
+		</s:layout>
+			
+		<s:HGroup>
+			<s:Panel title="Basic Layout Panel">
+				<!-- Default layout is basic, therefore constraints are used for placement -->
+				<s:Label text="Apples" top="0"/>
+				<s:Label text="Oranges" top="13"/>
+				<s:Label text="Bananas" top="26"/>		
+			</s:Panel>
 			
-		<s:Label color="0x323232" verticalAlign="justify" 
+			<s:Panel id="horizontalPanel" title="Horizontal Layout Panel">
+				<s:layout>
+					<s:HorizontalLayout/>
+				</s:layout>
+				<s:Label text="Apples" />
+				<s:Label text="Oranges" />
+				<s:Label text="Bananas" />	
+			</s:Panel>
+			
+			<s:Panel id="vericalPanel" title="Vertical Layout Panel">
+				<s:layout>
+					<s:VerticalLayout/>
+				</s:layout>
+				<s:Label text="Apples" />
+				<s:Label text="Oranges" />
+				<s:Label text="Bananas" />	
+			</s:Panel>
+		</s:HGroup>
+			
+		<s:Label verticalAlign="justify" 
 				 left="5" bottom="15" width="95%" 
 				 text="The Panel class defines a container that includes a title bar, a caption, a border, and a content area for its children.
 The Panel has a basic layout by default, which means it lays out elements within the panel by their individual constraints. You can specify a different layout to use within the panel such 
-as shown in the inner panels (basic, horizontal and vertical layout) panels. In that case the individual constraints on the Text items are ignored, as shown here."/>
-		</s:Group>		
-		
+as shown in the inner panels (basic, horizontal and vertical layout) panels." />
 		
 	</s:Panel>
 	

Modified: flex/site/trunk/content/tourdeflex/spark/containers/PanelExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/containers/PanelExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.

Modified: flex/site/trunk/content/tourdeflex/spark/containers/SampleHGroup.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/containers/SampleHGroup.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/containers/SampleHGroup.mxml (original)
+++ flex/site/trunk/content/tourdeflex/spark/containers/SampleHGroup.mxml Sat Nov 29 07:19:59 2014
@@ -19,16 +19,10 @@
 -->
 <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
 			   xmlns:s="library://ns.adobe.com/flex/spark" 
-			   xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
-	
-	<fx:Declarations>
-		<!-- Place non-visual elements (e.g., services, value objects) here -->
-	</fx:Declarations>
-	
+			   xmlns:mx="library://ns.adobe.com/flex/mx">
+
 	<fx:Script>
 		<![CDATA[
-			import skins.TDFPanelSkin;
-			
 			private function applyProperties():void
 			{
 				this.mainHGroup.paddingTop = this.padTop.value;
@@ -40,7 +34,7 @@
 		]]>
 	</fx:Script>
 	
-	<s:Panel skinClass="skins.TDFPanelSkin" title="HGroup" width="100%" height="100%">
+	<s:Panel title="HGroup" width="100%" height="100%">
 		
 		<s:HGroup left="300" top="25" id="mainHGroup">
 			<s:Rect width="100" height="75">
@@ -87,7 +81,7 @@
 			</s:HGroup>    
 			
 			<s:Button label="Apply Properties" click="this.applyProperties()"/>
-			<s:Label width="75%" horizontalCenter="0" color="#323232"
+			<s:Label width="75%" horizontalCenter="0"
 					 text="The HGroup container is an instance of the Group container that uses the HorizontalLayout class. You can use
 					 the properties of the HGroup class to modify the characteristics of the HorizontalLayout class."/>
 		</s:VGroup>
@@ -95,4 +89,4 @@
 		
 	</s:Panel>
 	
-</s:Application>
\ No newline at end of file
+</s:Application>

Modified: flex/site/trunk/content/tourdeflex/spark/containers/SampleHGroup.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/containers/SampleHGroup.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.

Modified: flex/site/trunk/content/tourdeflex/spark/containers/SampleVGroup.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/containers/SampleVGroup.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/containers/SampleVGroup.mxml (original)
+++ flex/site/trunk/content/tourdeflex/spark/containers/SampleVGroup.mxml Sat Nov 29 07:19:59 2014
@@ -19,16 +19,10 @@
 -->
 <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
 			   xmlns:s="library://ns.adobe.com/flex/spark" 
-			   xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
-	
-	<fx:Declarations>
-		<!-- Place non-visual elements (e.g., services, value objects) here -->
-	</fx:Declarations>
-	
+			   xmlns:mx="library://ns.adobe.com/flex/mx">
+
 	<fx:Script>
 		<![CDATA[
-			import skins.TDFPanelSkin;
-			
 			private function applyProperties():void
 			{
 				this.mainVGroup.paddingTop = this.padTop.value;
@@ -40,7 +34,8 @@
 		]]>
 	</fx:Script>
 	
-	<s:Panel skinClass="skins.TDFPanelSkin" title="VGroup Sample" width="100%" height="100%">
+	<s:Panel title="VGroup Sample" width="100%" height="100%">
+		
 		<s:HGroup width="100%" height="100%" top="10" left="10">
 			<s:VGroup top="10" left="10" width="172">
 				<s:HGroup verticalAlign="middle">
@@ -88,7 +83,7 @@
 				</s:Rect>
 			</s:VGroup>	
 			<mx:Spacer width="10"/>
-			<s:Label width="40%" horizontalCenter="0" color="#323232" 
+			<s:Label width="40%" horizontalCenter="0" 
 					 text="The VGroup container is an instance of the Group container that uses the VerticalLayout class. You can use the properties of the VGroup class to modify the characteristics of the VerticalLayout class." height="100%"/>
 				
 		</s:HGroup>

Modified: flex/site/trunk/content/tourdeflex/spark/containers/SampleVGroup.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/containers/SampleVGroup.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.

Modified: flex/site/trunk/content/tourdeflex/spark/containers/SampleVerticalHorizontalAlign.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/containers/SampleVerticalHorizontalAlign.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/containers/SampleVerticalHorizontalAlign.mxml (original)
+++ flex/site/trunk/content/tourdeflex/spark/containers/SampleVerticalHorizontalAlign.mxml Sat Nov 29 07:19:59 2014
@@ -20,34 +20,37 @@
 <!-- http://evtimmy.com/2010/01/verticalalign-for-vgroup-and-horizontalalign-for-hgroup/ -->
 <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
 			   xmlns:s="library://ns.adobe.com/flex/spark" 
-			   xmlns:mx="library://ns.adobe.com/flex/mx" backgroundColor="0x323232" color="0xFFFFFF">
+			   xmlns:mx="library://ns.adobe.com/flex/mx">
 	
-	<s:VGroup verticalAlign="middle" width="526" height="230" top="57" left="10">
-		<s:HGroup verticalAlign="middle" height="100%"  color="0x000000">
-			<s:Label text="VGroup" rotation="-90" color="0xFF0000"/>
+	<s:Panel id="mainPanel" title="Panel Sample" width="100%" height="100%">
+
+		<s:layout>
+			<s:VerticalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10" />
+		</s:layout>
+			
+		<s:HGroup verticalAlign="middle" height="100%" >
+			<s:Label text="VGroup" rotation="-90" />
 			<s:BorderContainer minWidth="0" minHeight="0">
 				<s:VGroup height="{heightSlider.value}"
 						  verticalAlign="{verticalAlignChoice.selectedItem}"
 						  gap="0">
 					<s:Label text="Lorem ipsum dolor sit amet, " height="22" verticalAlign="middle"/>
 					<s:Label text="consectetur adipiscing elit." height="22" verticalAlign="middle"/>
-					
 				</s:VGroup>
 			</s:BorderContainer>
 			
-			<s:Label text="VGroup in Scroller" rotation="-90" color="0xFF0000"/>
+			<s:Label text="VGroup in Scroller" rotation="-90" />
 			<s:BorderContainer minWidth="0" minHeight="0">
 				<s:Scroller height="{heightSlider.value}">
 					<s:VGroup verticalAlign="{verticalAlignChoice.selectedItem}"
 							  gap="0">
 						<s:Label text="Lorem ipsum dolor sit amet, " height="22" verticalAlign="middle"/>
 						<s:Label text="consectetur adipiscing elit." height="22" verticalAlign="middle"/>
-						
 					</s:VGroup>
 				</s:Scroller>
 			</s:BorderContainer>
 			
-			<s:Label text="List" rotation="-90" color="0xFF0000"/>
+			<s:Label text="List" rotation="-90" />
 			
 			<s:List minWidth="0" minHeight="0" height="{heightSlider.value+2}">
 				<s:layout>
@@ -61,23 +64,24 @@
 				</s:ArrayCollection>
 			</s:List>
 		</s:HGroup>
-	</s:VGroup>
-	
-	<s:HGroup horizontalAlign="center" paddingTop="10" paddingLeft="10">
-		<s:HGroup>
-			<s:Label text="VerticalAlign:"/>
-			<s:DropDownList id="verticalAlignChoice" requireSelection="true" color="0x000000">
-				<s:dataProvider>
-					<s:ArrayCollection source="{'top bottom middle'.split(' ')}"/>
-				</s:dataProvider>
-			</s:DropDownList>
-		</s:HGroup>
-		<s:HGroup>
-			<s:Label text="Height:"/>
-			<s:HSlider id="heightSlider" minimum="0" maximum="425" value="100" width="300"/>
-		</s:HGroup>
-	</s:HGroup>		
-	<s:Label right="7" top="26" width="200"
-			 text="This sample show the use of the verticalAlign and horizontalAlign properties for use with a VGroup and
-HGroup accordingly."/>
+
+		<s:HGroup paddingTop="10" paddingLeft="10">
+			<s:HGroup>
+				<s:Label text="VerticalAlign:"/>
+				<s:DropDownList id="verticalAlignChoice" requireSelection="true" color="0x000000">
+					<s:dataProvider>
+						<s:ArrayCollection source="{'top bottom middle'.split(' ')}"/>
+					</s:dataProvider>
+				</s:DropDownList>
+			</s:HGroup>
+			<s:HGroup>
+				<s:Label text="Height:"/>
+				<s:HSlider id="heightSlider" minimum="0" maximum="425" value="100" width="300"/>
+			</s:HGroup>
+		</s:HGroup>	
+			
+		<s:Label text="This sample show the use of the verticalAlign and horizontalAlign properties for use with a VGroup and
+	HGroup accordingly."/>
+		
+	</s:Panel>
 </s:Application>

Modified: flex/site/trunk/content/tourdeflex/spark/containers/SampleVerticalHorizontalAlign.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/containers/SampleVerticalHorizontalAlign.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.

Modified: flex/site/trunk/content/tourdeflex/spark/containers/SkinnableDataContainerExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/containers/SkinnableDataContainerExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/containers/SkinnableDataContainerExample.mxml (original)
+++ flex/site/trunk/content/tourdeflex/spark/containers/SkinnableDataContainerExample.mxml Sat Nov 29 07:19:59 2014
@@ -21,8 +21,11 @@
 			   xmlns:s="library://ns.adobe.com/flex/spark" 
 			   xmlns:mx="library://ns.adobe.com/flex/mx">
 	
-	<s:Panel width="100%" height="100%" title="SkinnableDataContainer" skinClass="skins.TDFPanelSkin">
-		<s:layout><s:HorizontalLayout paddingLeft="8" paddingTop="8" paddingRight="12"/></s:layout>
+	<s:Panel title="SkinnableDataContainer" width="100%" height="100%" >
+
+		<s:layout>
+			<s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10"/>
+		</s:layout>
 		
 		<s:VGroup>
 			<s:Label text="Famous Astronauts" fontWeight="bold" fontSize="14"/>
@@ -54,7 +57,7 @@
 				</s:ArrayCollection>
 			</s:SkinnableDataContainer>
 		</s:VGroup>
-		<s:Label color="0x323232" width="200" text="The SkinnableDataContainer is the skinnable version of the DataGroup and
+		<s:Label width="200" text="The SkinnableDataContainer is the skinnable version of the DataGroup and
 while it can hold visual elements, they are often used only to hold data items as children. Data items can be simple data items 
 such String and Number objects, and more complicated data items such as Object and XMLNode objects."/>
 	</s:Panel>

Modified: flex/site/trunk/content/tourdeflex/spark/containers/SkinnableDataContainerExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/containers/SkinnableDataContainerExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.

Modified: flex/site/trunk/content/tourdeflex/spark/containers/TabNavigator1Example.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/containers/TabNavigator1Example.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/containers/TabNavigator1Example.mxml (original)
+++ flex/site/trunk/content/tourdeflex/spark/containers/TabNavigator1Example.mxml Sat Nov 29 07:19:59 2014
@@ -54,17 +54,11 @@
 		<s:ArrayCollection id="contacts"/>
 	</fx:Declarations>
 	
-	<s:Panel width="100%" height="100%" skinClass="skins.TDFPanelSkin" title="TabBar Sample" >
+	<s:Panel title="TabBar Sample" width="100%" height="100%">
 		<s:TabBar id="tabs" left="8" y="2" dataProvider="{vs}"/>
 		<mx:ViewStack id="vs" width="95%" height="85%" left="8" y="23">
 			<s:NavigatorContent label="Contact Info"  width="100%" height="100%">
-				<s:BorderContainer width="100%" height="100%" borderWeight="2" cornerRadius="3" dropShadowVisible="true">
-					<s:backgroundFill>
-						<s:LinearGradient rotation="90">
-							<s:GradientEntry color="0xE2E2E2" />
-							<s:GradientEntry color="0x323232" />
-						</s:LinearGradient>
-					</s:backgroundFill>
+				<s:BorderContainer width="100%" height="100%" dropShadowVisible="false">
 					<mx:Form id="contactForm" defaultButton="{submitBtn}" width="100%" height="100%">
 						<mx:FormItem label="Name:">
 							<s:TextInput id="nameTxt" text="{contact.name}"/>
@@ -88,14 +82,7 @@
 				</s:BorderContainer>
 			</s:NavigatorContent>
 			<s:NavigatorContent label="Contact List" width="100%" height="100%" >
-				<s:BorderContainer width="100%" height="100%" borderWeight="2" 
-						  cornerRadius="3" dropShadowVisible="true">
-					<s:backgroundFill>
-						<s:LinearGradient rotation="90">
-							<s:GradientEntry color="0xE2E2E2" />
-							<s:GradientEntry color="0x323232" />
-						</s:LinearGradient>
-					</s:backgroundFill>
+				<s:BorderContainer width="100%" height="100%" dropShadowVisible="false">
 					<mx:DataGrid id="dg" dataProvider="{contacts}" x="5" y="5"  doubleClickEnabled="true" 
 								 doubleClick="{tabs.selectedIndex=0}" itemClick="dg_itemClickHandler(event)">
 						<mx:columns>

Modified: flex/site/trunk/content/tourdeflex/spark/containers/TabNavigator1Example.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/containers/TabNavigator1Example.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.

Modified: flex/site/trunk/content/tourdeflex/spark/containers/TabNavigator2Example.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/containers/TabNavigator2Example.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/containers/TabNavigator2Example.mxml (original)
+++ flex/site/trunk/content/tourdeflex/spark/containers/TabNavigator2Example.mxml Sat Nov 29 07:19:59 2014
@@ -49,7 +49,7 @@
 		<s:ArrayCollection id="contacts"/>
 	</fx:Declarations>
 	
-	<s:Panel width="100%" height="100%" skinClass="skins.TDFPanelSkin" title="TabBar Sample with Custom Skin and Bidirectional Binding" >
+	<s:Panel title="TabBar Sample with Custom Skin and Bidirectional Binding" width="100%" height="100%">
 		<s:TabBar id="tabs" left="8" y="2" dataProvider="{vs}" skinClass="skins.CustomTabBarSkin" cornerRadius="4"/>
 		<mx:ViewStack id="vs" width="95%" height="85%" left="8" y="23">
 			<s:NavigatorContent label="Contact Info"  width="100%" height="100%">

Modified: flex/site/trunk/content/tourdeflex/spark/containers/TabNavigator2Example.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/containers/TabNavigator2Example.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.

Modified: flex/site/trunk/content/tourdeflex/spark/containers/TileGroupExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/containers/TileGroupExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/containers/TileGroupExample.mxml (original)
+++ flex/site/trunk/content/tourdeflex/spark/containers/TileGroupExample.mxml Sat Nov 29 07:19:59 2014
@@ -19,7 +19,7 @@
 -->
 <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
 			   xmlns:s="library://ns.adobe.com/flex/spark" 
-			   xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
+			   xmlns:mx="library://ns.adobe.com/flex/mx">
 	
 	<fx:Declarations>
 		<fx:Array id="orientArray">
@@ -31,7 +31,6 @@
 	<fx:Script>
 		<![CDATA[
 			import mx.collections.ArrayList;
-			import skins.TDFPanelSkin;
 			
 			private function applyProperties():void
 			{
@@ -44,7 +43,7 @@
 		]]>
 	</fx:Script>
 	
-	<s:Panel skinClass="skins.TDFPanelSkin" title="TileGroup Sample" width="100%" height="100%">
+	<s:Panel title="TileGroup Sample" width="100%" height="100%">
 		<s:TileGroup left="300" top="10" id="mainGroup">
 			<s:Rect width="100" height="75">
 				<s:fill>
@@ -90,7 +89,7 @@
 			</s:HGroup>
 			<s:Button label="Apply Properties" click="this.applyProperties()"/>
 			<mx:Spacer height="10"/>
-			<s:Label width="85%" horizontalCenter="0" color="#323232" 
+			<s:Label width="85%" horizontalCenter="0" 
 					 text="The TileGroup container is an instance of the Group container that uses the TileLayout class. You can use the properties of the 
 					 TileGroup class to modify the characteristics of the TileLayout class."/>
 

Modified: flex/site/trunk/content/tourdeflex/spark/containers/TileGroupExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/containers/TileGroupExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.

Modified: flex/site/trunk/content/tourdeflex/spark/controls/AccordionExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/AccordionExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/controls/AccordionExample.mxml (original)
+++ flex/site/trunk/content/tourdeflex/spark/controls/AccordionExample.mxml Sat Nov 29 07:19:59 2014
@@ -19,25 +19,18 @@
 -->
 <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
 			   xmlns:s="library://ns.adobe.com/flex/spark" 
-			   xmlns:mx="library://ns.adobe.com/flex/mx" 
-			   skinClass="TDFGradientBackgroundSkin">
+			   xmlns:mx="library://ns.adobe.com/flex/mx">
 	
-	<s:layout>
-		<s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
-	</s:layout>
-	
-	<s:Panel title="Accordion Container" width="600" height="100%"
-			 color="0x000000" 
-			 borderAlpha="0.15">
+	<s:Panel title="Accordion Container" width="100%" height="100%">
 		
 		<s:layout>
 			<s:VerticalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10"/>
 		</s:layout>
 		
-		<s:Label width="100%" color="0x323232"
+		<s:Label width="100%"
 				 text="Select an Accordion navigator button to change the panel."/>
 		
-		<mx:Accordion id="accordion" color="0x323232" width="100%" height="100%">
+		<mx:Accordion id="accordion" width="100%" height="100%">
 			<!-- Define each panel using a VBox container. -->
 			<s:NavigatorContent label="Accordion Button for Panel 1">
 				<mx:Label text="Accordion container panel 1"/>
@@ -56,9 +49,9 @@
 				 text="Programmatically select the panel using a Button control."/>
 		
 		<s:HGroup color="0x323232">
-			<s:Button label="Select Panel 1" click="accordion.selectedIndex=0;"/>
-			<s:Button label="Select Panel 2" click="accordion.selectedIndex=1;"/>
-			<s:Button label="Select Panel 3" click="accordion.selectedIndex=2;"/>
+			<s:Button label="Select Panel 1" click="accordion.selectedIndex=0"/>
+			<s:Button label="Select Panel 2" click="accordion.selectedIndex=1"/>
+			<s:Button label="Select Panel 3" click="accordion.selectedIndex=2"/>
 		</s:HGroup>
 		
 	</s:Panel>

Modified: flex/site/trunk/content/tourdeflex/spark/controls/AccordionExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/AccordionExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.

Modified: flex/site/trunk/content/tourdeflex/spark/controls/AdvancedDatagridExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/AdvancedDatagridExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/controls/AdvancedDatagridExample.mxml (original)
+++ flex/site/trunk/content/tourdeflex/spark/controls/AdvancedDatagridExample.mxml Sat Nov 29 07:19:59 2014
@@ -19,8 +19,7 @@
 -->
 <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
 			   xmlns:s="library://ns.adobe.com/flex/spark" 
-			   xmlns:mx="library://ns.adobe.com/flex/mx" 
-			   skinClass="TDFGradientBackgroundSkin">
+			   xmlns:mx="library://ns.adobe.com/flex/mx">
 	
 	<fx:Script>
 		<![CDATA[
@@ -58,18 +57,14 @@
 		]]>
 	</fx:Script>
 	
-	<s:layout>
-		<s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
-	</s:layout>
-	
-	<s:Panel title="AdvancedDataGrid Control" 
-			 color="0x000000" 
-			 borderAlpha="0.15" 
-			 width="600">
+	<s:Panel title="AdvancedDataGrid Control" width="100%" height="100%">
+		
+		<s:layout>
+			<s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10"/>
+		</s:layout>
 		
 		<mx:AdvancedDataGrid id="myADG" 
-							 width="100%" height="100%" 
-							 color="0x323232"
+							 width="100%" height="100%"
 							 dataProvider="{dpFlat}">
 			
 			<mx:groupedColumns>

Modified: flex/site/trunk/content/tourdeflex/spark/controls/AdvancedDatagridExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/AdvancedDatagridExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.

Modified: flex/site/trunk/content/tourdeflex/spark/controls/ButtonBarExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/ButtonBarExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/controls/ButtonBarExample.mxml (original)
+++ flex/site/trunk/content/tourdeflex/spark/controls/ButtonBarExample.mxml Sat Nov 29 07:19:59 2014
@@ -76,16 +76,15 @@
 		]]>
 	</fx:Script>
 	
-	<!-- Note: A custom panel skin is used for the Tour de Flex samples and is included in the
-	           source tabs for each sample.	-->
-	<s:Panel title="ButtonBar Sample" 
-			 width="100%" height="100%"
-			 horizontalCenter="0" 
-			 skinClass="skins.TDFPanelSkin">
+	<s:Panel title="ButtonBar Sample" width="100%" height="100%">
+		
+		<s:layout>
+			<s:VerticalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10"/>
+		</s:layout>
 			
-			<s:HGroup left="5" top="5" width="100%" height="100%">
-					<s:Label width="50%" fontSize="13" color="0x323232"  verticalAlign="justify"
-								  text="The ButtonBar component behaves like a series of toggle buttons, where one button remains selected
+			<s:HGroup width="100%" height="100%">
+				<s:Label width="50%" verticalAlign="justify"
+						 text="The ButtonBar component behaves like a series of toggle buttons, where one button remains selected
 and only one button in the ButtonBar control can be in the selected state. That means when you select a button in a ButtonBar
 control, the button stays in the selected state until you select a different button."/>	
 				<s:VGroup left="10" top="5" color="0x000000" horizontalAlign="center">

Modified: flex/site/trunk/content/tourdeflex/spark/controls/ButtonBarExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/ButtonBarExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.

Modified: flex/site/trunk/content/tourdeflex/spark/controls/ButtonExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/ButtonExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/controls/ButtonExample.mxml (original)
+++ flex/site/trunk/content/tourdeflex/spark/controls/ButtonExample.mxml Sat Nov 29 07:19:59 2014
@@ -31,34 +31,31 @@
 			}
 		]]>
 	</fx:Script>
-	
-	<!-- Note: A custom panel skin is used for the Tour de Flex samples and is included in the
-			   source tabs for each sample.	-->
-	<s:Panel width="100%" height="100%" 
-			 horizontalCenter="0" 
-			 title="Button Sample" 
-			 skinClass="skins.TDFPanelSkin">
+
+	<s:Panel title="Button Sample" height="100%" width="100%">
+		
+		<s:layout>
+            <s:HorizontalLayout paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" />
+        </s:layout>
 		
-		<s:HGroup left="5" top="5" width="100%" height="100%">
-		<s:Label width="50%" fontSize="13" color="0x323232"  verticalAlign="justify"
-					  text="The Button component is a commonly used rectangular button. The Button
+		<s:Label width="50%" verticalAlign="justify"
+				 text="The Button component is a commonly used rectangular button. The Button
 component looks like it can be pressed. The default skin has a text label."/>
 					  	
-			<s:VGroup right="10" bottom="5" color="0x000000" horizontalAlign="center">
-					<s:Label text="Output"/>
-					<s:TextArea id="repeatText" top="5" right="50" width="180" height="100"/>
-					<s:Button id="standardBtn" label="Standard Button" 
-							  click="buttonClickHandler(event)" 
-							  fontWeight="normal"/>
-					<s:Button id="disabledBtn" label="Disabled Button" enabled="false"/>
-					<s:Button id="repeatBtn" label="Repeat Button" 
-							  buttonDown="buttonClickHandler(event)"  
-							  autoRepeat="true"/>
-					<s:Label verticalAlign="justify" 
-								  text="Hold down on repeat button to see autoRepeat behavior."/>
-				
-			</s:VGroup>
-		</s:HGroup>
+		<s:VGroup right="10" bottom="5" color="0x000000" horizontalAlign="center">
+			<s:Label text="Output"/>
+			<s:TextArea id="repeatText" top="5" right="50" width="180" height="100"/>
+			<s:Button id="standardBtn" label="Standard Button" 
+					  click="buttonClickHandler(event)" 
+					  fontWeight="normal"/>
+			<s:Button id="disabledBtn" label="Disabled Button" enabled="false"/>
+			<s:Button id="repeatBtn" label="Repeat Button" 
+					  buttonDown="buttonClickHandler(event)"  
+					  autoRepeat="true"/>
+			<s:Label verticalAlign="justify" 
+						  text="Hold down on repeat button to see autoRepeat behavior."/>
+			
+		</s:VGroup>
 	</s:Panel>
 	
 </s:Application>

Modified: flex/site/trunk/content/tourdeflex/spark/controls/ButtonExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/ButtonExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.

Modified: flex/site/trunk/content/tourdeflex/spark/controls/CheckboxExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/CheckboxExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/controls/CheckboxExample.mxml (original)
+++ flex/site/trunk/content/tourdeflex/spark/controls/CheckboxExample.mxml Sat Nov 29 07:19:59 2014
@@ -47,28 +47,27 @@
 							  useThousandsSeparator="true" alignSymbol="left"/>
 	</fx:Declarations>
 
-	<!-- Note: A custom panel skin is used for the Tour de Flex samples and is included in the
-	source tabs for each sample.	-->
-	<s:Panel title="CheckBox Sample"
-			 width="100%" height="100%" 
-			 skinClass="skins.TDFPanelSkin">
-		<s:VGroup left="10" right="10" top="10" bottom="10">
-			<s:Label text="Hamburger Base Price: $4.50" />
-			<s:Label text="Select condiments for your hamburger (0.25 each):" />
-			
-			<s:CheckBox id="lettuceCB" label="Pickles" click="modifyBurger(event);"/>
-			<s:CheckBox id="tomatoCB" label="Tomato" click="modifyBurger(event);"/>
-			<s:CheckBox id="pickleCB" label="Lettuce" click="modifyBurger(event);"/>
-			<s:CheckBox id="mayoCB" label="Mayonnaise" click="modifyBurger(event);"/>
-			
-			<mx:Spacer height="10" />
-			<s:HGroup>
-				<s:Label text="Total Price: " color="0x336699" fontWeight="bold"/>
-				<s:Label id="totalString" text="$4.50" color="0x336699" fontWeight="bold"/>
-			</s:HGroup>
-		</s:VGroup>
-		<s:Label top="10" right="10" width="250" verticalAlign="justify" color="#323232" 
-					  text="The CheckBox control is a commonly used graphical control that can
+	<s:Panel title="CheckBox Sample" width="100%" height="100%">
+		
+		<s:layout>
+			<s:VerticalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10"/>
+		</s:layout>
+
+		<s:Label text="Hamburger Base Price: $4.50" />
+		<s:Label text="Select condiments for your hamburger (0.25 each):" />
+		
+		<s:CheckBox id="lettuceCB" label="Pickles" click="modifyBurger(event)"/>
+		<s:CheckBox id="tomatoCB" label="Tomato" click="modifyBurger(event)"/>
+		<s:CheckBox id="pickleCB" label="Lettuce" click="modifyBurger(event)"/>
+		<s:CheckBox id="mayoCB" label="Mayonnaise" click="modifyBurger(event)"/>
+		
+		<mx:Spacer height="10" />
+		<s:HGroup>
+			<s:Label text="Total Price: " color="0x336699" fontWeight="bold"/>
+			<s:Label id="totalString" text="$4.50" color="0x336699" fontWeight="bold"/>
+		</s:HGroup>
+		<s:Label top="10" right="10" width="250" verticalAlign="justify"
+				 text="The CheckBox control is a commonly used graphical control that can
 contain a check mark or not. You can use CheckBox controls to gather a 
 set of true or false values that aren’t mutually exclusive."/>
 	</s:Panel>

Modified: flex/site/trunk/content/tourdeflex/spark/controls/CheckboxExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/CheckboxExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.

Modified: flex/site/trunk/content/tourdeflex/spark/controls/ColorPickerExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/ColorPickerExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/controls/ColorPickerExample.mxml (original)
+++ flex/site/trunk/content/tourdeflex/spark/controls/ColorPickerExample.mxml Sat Nov 29 07:19:59 2014
@@ -20,22 +20,14 @@
 <!-- Simple example to demonstrate the ColorPicker control. -->
 <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
 			   xmlns:s="library://ns.adobe.com/flex/spark" 
-			   xmlns:mx="library://ns.adobe.com/flex/mx" 
-			   skinClass="TDFGradientBackgroundSkin">
-	
-	<s:layout>
-		<s:HorizontalLayout horizontalAlign="center" />
-	</s:layout>
+			   xmlns:mx="library://ns.adobe.com/flex/mx">
 
-    <s:Panel title="ColorPicker Control Example" 
-			 width="600" height="100%"
-			 color="0x000000" 
-			 borderAlpha="0.15">
+    <s:Panel title="ColorPicker Control Example" width="100%" height="100%">
 		
 		<s:layout>
 			<s:VerticalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10"/>
 		</s:layout>
-        
+
         <s:Label width="100%" color="0x000000"
            text="Select the background color of the Skinnable container."/>
 		

Modified: flex/site/trunk/content/tourdeflex/spark/controls/ColorPickerExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/ColorPickerExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.

Modified: flex/site/trunk/content/tourdeflex/spark/controls/ComboBoxExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/ComboBoxExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/controls/ComboBoxExample.mxml (original)
+++ flex/site/trunk/content/tourdeflex/spark/controls/ComboBoxExample.mxml Sat Nov 29 07:19:59 2014
@@ -25,8 +25,6 @@
 		<![CDATA[
 			import mx.collections.ArrayCollection;
 			
-			import skins.TDFPanelSkin;
-		
 		[Bindable]
 		public var cards:ArrayCollection = new ArrayCollection(
 			[ {label:"Visa", data:1}, 
@@ -41,24 +39,21 @@
 		]]>
 	</fx:Script>
 	
-	<s:Panel title="ComboBox Sample" skinClass="skins.TDFPanelSkin" 
-			  height="100%" width="100%">
+	<s:Panel title="ComboBox Sample" width="100%" height="100%">
 		
-		<s:HGroup top="20" horizontalCenter="0" >
-			<s:VGroup>
-				<s:Label  width="200" color="0x336699" text="Select credit card type:"/>
-				<s:ComboBox dataProvider="{cards}" width="150" color="0x000000"
-							change="changeHandler(event);" selectedIndex="0"/>
-					
-			</s:VGroup>
-			<mx:Spacer width="20"/>
-			<s:VGroup>
-				<s:Label id="myLabel" text="You selected:" fontWeight="bold"/>
-				<s:Label id="myData" text="Data:" fontWeight="bold"/>	
-			</s:VGroup>
-			
-		</s:HGroup> 
-		<s:Label color="#323232" width="75%" bottom="20" horizontalCenter="0"
+		<s:layout>
+			<s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10"/>
+		</s:layout>
+		
+		<s:VGroup>
+			<s:Label  width="200" color="0x336699" text="Select credit card type:"/>
+			<s:ComboBox dataProvider="{cards}" width="150" color="0x000000"
+						change="changeHandler(event)" selectedIndex="0"/>
+			<s:Label id="myLabel" text="You selected:" fontWeight="bold"/>
+			<s:Label id="myData" text="Data:" fontWeight="bold"/>	
+		</s:VGroup>
+
+		<s:Label width="75%" bottom="20" horizontalCenter="0"
 				 text="The ComboBox component is similar to a DropDownList but includes a TextInput instead of a Label. A user can type into the TextInput and the drop-down will scroll to and highlight the closest match.
 Users are allowed to type in an item not found in the dataProvider. With this behavior, a ComboBox acts as a list of suggested values, while a DropDownList acts as a list of possible values.  "/>
 			

Modified: flex/site/trunk/content/tourdeflex/spark/controls/ComboBoxExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/ComboBoxExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.