flex-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From jmcl...@apache.org
Subject [5/9] FLEX-34485 make examples consistent
Date Sat, 18 Oct 2014 07:29:03 GMT
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/186a01be/TourDeFlex/TourDeFlex3/src/spark/other/FilterExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/other/FilterExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/other/FilterExample.mxml
index b7887d1..87a1f3c 100644
--- a/TourDeFlex/TourDeFlex3/src/spark/other/FilterExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/spark/other/FilterExample.mxml
@@ -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"
 			   creationComplete="init()">
 	
 	<fx:Script>
@@ -54,11 +53,7 @@
 			}
 		]]>
 	</fx:Script>
-	
-	<s:layout>
-		<s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
-	</s:layout>
-	
+
 	<fx:Declarations>
 		<!--filters-->
 		<s:GlowFilter id="glow" blurX="12" blurY="12" color="#88AEF7" quality="2" strength="1"/>
@@ -68,9 +63,7 @@
 	</fx:Declarations>
 	
 	<s:Panel title="Filters Samples"
-			 width="600" height="100%"
-			 color="0x000000" 
-			 borderAlpha="0.15">
+			 width="100%" height="100%">
 		
 		<s:layout>
 			<s:VerticalLayout horizontalAlign="center" 
@@ -81,15 +74,15 @@
 		<s:Label id="textSample" text="SAMPLE TEXT" color="0x000000" 
 				 fontWeight="bold" fontSize="40" filters="{[bevel]}" />
 		
-		<s:HGroup width="100%" color="#323232" horizontalAlign="center">
+		<s:HGroup width="100%" horizontalAlign="center">
 			<s:CheckBox id="blurBox" label="Blur" click="filterHandler(event)" />
 			<s:CheckBox id="glowBox" label="Glow" click="filterHandler(event)" />
 			<s:CheckBox id="shadowBox" label="Drop Shadow" click="filterHandler(event)" />
 			<s:CheckBox id="bevelBox" label="Bevel" selected="true" click="filterHandler(event)"
/>
 		</s:HGroup>
 		
-		<s:Label id="dynamicText" text="0" color="#323232" fontSize="18" filters="{[bevel]}"
/>
+		<s:Label id="dynamicText" text="0" fontSize="18" filters="{[bevel]}" />
 		
 	</s:Panel>
 	
-</s:Application>
\ No newline at end of file
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/186a01be/TourDeFlex/TourDeFlex3/src/spark/other/RepeaterExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/other/RepeaterExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/other/RepeaterExample.mxml
index d5a7112..8e5cc19 100644
--- a/TourDeFlex/TourDeFlex3/src/spark/other/RepeaterExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/spark/other/RepeaterExample.mxml
@@ -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[
@@ -33,21 +32,13 @@
         ]]>
      </fx:Script>
 	
-	<s:layout>
-		<s:HorizontalLayout horizontalAlign="center" />
-	</s:layout>
-        
-	<s:Panel title="Repeater Example" color="0x000000" 
-			 borderAlpha="0.15" 
-			 width="600">
+	<s:Panel title="Repeater Example" width="100%" height="100%">
 		
 		<s:layout>
-			<s:VerticalLayout horizontalAlign="center" 
-							  paddingLeft="10" paddingRight="10" 
-							  paddingTop="10" paddingBottom="10"/>
+			<s:VerticalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10"
/>
 		</s:layout>
          
-         <s:Label width="100%" color="0x323232"  textAlign="center"
+         <s:Label width="100%"
             text="Use the Repeater class to create multi-Button controls in a Tile container."/>
 
         <mx:Tile direction="horizontal" borderStyle="inset" horizontalGap="10" verticalGap="10"
color="0x323232"

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/186a01be/TourDeFlex/TourDeFlex3/src/spark/other/ScrollBarsExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/other/ScrollBarsExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/other/ScrollBarsExample.mxml
index 0324d14..0248f4b 100644
--- a/TourDeFlex/TourDeFlex3/src/spark/other/ScrollBarsExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/spark/other/ScrollBarsExample.mxml
@@ -26,8 +26,6 @@
 		<![CDATA[
 			import mx.events.ScrollEvent;
 			
-			import skins.TDFPanelSkin;
-			
 			private function vbarScroll():void {
 				log.text = "VScrollBar properties summary:" + '\n' +
 					"------------------------------------" + '\n' +
@@ -54,10 +52,13 @@
 			}
 		]]>
 	</fx:Script> 
-	<s:Panel width="100%" height="100%" title="VScrollBar and HScrollBar Sample" skinClass="skins.TDFPanelSkin">
+	
+	<s:Panel title="VScrollBar and HScrollBar Sample" width="100%" height="100%">
+		
 		<s:layout>
-			<s:HorizontalLayout paddingLeft="5" paddingRight="5" paddingTop="5"/>
+			<s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10"
/>
 		</s:layout>
+		
 		<s:VGroup>
 			<s:Label 
 				width="100%" 
@@ -77,7 +78,7 @@
 						<s:LinearGradient rotation="90">
 							<s:GradientEntry color="#6191c3"/>
 							<s:GradientEntry color="#6191c3"/>
-							<s:GradientEntry color="#323232" alpha=".3"/>
+							<s:GradientEntry alpha=".3"/>
 						</s:LinearGradient>
 					</s:fill>
 				</s:Rect>
@@ -88,7 +89,7 @@
 		<s:VGroup width="200">
 			<s:TextArea id="log" editable="false" height="88"/>	
 			
-			<s:Label color="0x323232" width="188" text="The ScrollBar controls (HScrollBar and
VScrollBar) can be used stand-alone, but typically you would combine it as part of 
+			<s:Label text="The ScrollBar controls (HScrollBar and VScrollBar) can be used stand-alone,
but typically you would combine it as part of 
 another group of components to provide scrolling functionality. "/>	
 		</s:VGroup>
 		

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/186a01be/TourDeFlex/TourDeFlex3/src/spark/skinning/ButtonWithIconExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/skinning/ButtonWithIconExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/skinning/ButtonWithIconExample.mxml
index edecce5..652a24a 100644
--- a/TourDeFlex/TourDeFlex3/src/spark/skinning/ButtonWithIconExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/spark/skinning/ButtonWithIconExample.mxml
@@ -23,7 +23,7 @@
 	
 	<!-- Custom skins used for this example are shown in the source tabs for reference -->
 	<s:Panel width="100%" height="100%" title="Button Skinned With Icon" 
-			 skinClass="skins.TDFPanelSkin">
+			 >
 		<s:HGroup width="100%" left="35" top="15">
 			<s:VGroup width="50%">
 				<s:HGroup verticalAlign="middle">

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/186a01be/TourDeFlex/TourDeFlex3/src/spark/skinning/SkinningContainerExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/skinning/SkinningContainerExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/skinning/SkinningContainerExample.mxml
index 4f20a3f..ebe6cc6 100644
--- a/TourDeFlex/TourDeFlex3/src/spark/skinning/SkinningContainerExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/spark/skinning/SkinningContainerExample.mxml
@@ -22,7 +22,7 @@
 			   xmlns:mx="library://ns.adobe.com/flex/mx">
 	
 	<s:Panel id="myPanel" title="SkinnableContainer sample" 
-			 width="100%" height="100%" skinClass="skins.TDFPanelSkin">
+			 width="100%" height="100%" >
 		
 		<!-- Set a custom skin for the container to show a gradient background and border -->
 		<s:SkinnableContainer skinClass="skins.CustomSkinnableContainerSkin" 

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/186a01be/TourDeFlex/TourDeFlex3/src/spark/states/AnimateShaderTransitionEffect.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/states/AnimateShaderTransitionEffect.mxml b/TourDeFlex/TourDeFlex3/src/spark/states/AnimateShaderTransitionEffect.mxml
index 6e5f3b8..bd06d64 100644
--- a/TourDeFlex/TourDeFlex3/src/spark/states/AnimateShaderTransitionEffect.mxml
+++ b/TourDeFlex/TourDeFlex3/src/spark/states/AnimateShaderTransitionEffect.mxml
@@ -47,12 +47,12 @@
 		</s:Group>
 	</s:HGroup>
 	<s:VGroup top="10" right="5" width="30%">
-		<s:Label text="AnimateShaderTransition Sample" fontSize="18" color="#B7B6B6"/>
+		<s:Label text="AnimateShaderTransition Sample" fontSize="18"/>
 		<s:Label color="#FFFFFF" width="200" verticalAlign="justify"
 				 text="AnimateShaderTransition animates a shader between two images. Click the button
below to see the effect."/>
 		<s:Button id="playButton"
 				  label="Play Animation"
-				  click="currentState = (currentState == 'flipped') ? 'default' : 'flipped';" />
+				  click="currentState = (currentState == 'flipped') ? 'default' : 'flipped'" />
 	</s:VGroup>
 	
 </s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/186a01be/TourDeFlex/TourDeFlex3/src/spark/tlf/textEditBar/FileServices.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/tlf/textEditBar/FileServices.mxml b/TourDeFlex/TourDeFlex3/src/spark/tlf/textEditBar/FileServices.mxml
index 343cc94..58e740b 100644
--- a/TourDeFlex/TourDeFlex3/src/spark/tlf/textEditBar/FileServices.mxml
+++ b/TourDeFlex/TourDeFlex3/src/spark/tlf/textEditBar/FileServices.mxml
@@ -89,8 +89,8 @@ TextLayout format.-->
 
    	<mx:Button label="Open..." click="openDialog()"/>
    		
-	<mx:Button id="textLayoutExportButton" label="Markup..." click="dispatchEvent(new Event('textLayoutExport'));"/>
-	<mx:Button id="htmlExportButton" label="HTML Markup..." click="dispatchEvent(new Event('htmlExport'));"/>
+	<mx:Button id="textLayoutExportButton" label="Markup..." click="dispatchEvent(new Event('textLayoutExport'))"/>
+	<mx:Button id="htmlExportButton" label="HTML Markup..." click="dispatchEvent(new Event('htmlExport'))"/>
 
 	<mx:Label id="buildLabel" text="{buildString}" fontWeight="bold" paddingTop="3" paddingBottom="1"/>
 </mx:HBox>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/186a01be/TourDeFlex/TourDeFlex3/src/spark/tlf/textEditBar/GraphicBar.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/tlf/textEditBar/GraphicBar.mxml b/TourDeFlex/TourDeFlex3/src/spark/tlf/textEditBar/GraphicBar.mxml
index 1aa5d14..9d5d2fb 100644
--- a/TourDeFlex/TourDeFlex3/src/spark/tlf/textEditBar/GraphicBar.mxml
+++ b/TourDeFlex/TourDeFlex3/src/spark/tlf/textEditBar/GraphicBar.mxml
@@ -149,5 +149,5 @@
 	<mx:Label text="Height:" fontWeight="bold"/>
 	<mx:TextInput id="imageHeight" width="60"/>			
 	<mx:Button id="imageButton" label="Insert Image" 
-		click="applyChange();" />
+		click="applyChange()" />
 </mx:HBox>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/186a01be/TourDeFlex/TourDeFlex3/src/spark/tlf/textEditBar/LinkBar.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/tlf/textEditBar/LinkBar.mxml b/TourDeFlex/TourDeFlex3/src/spark/tlf/textEditBar/LinkBar.mxml
index 61b8b6f..bdcbcd8 100644
--- a/TourDeFlex/TourDeFlex3/src/spark/tlf/textEditBar/LinkBar.mxml
+++ b/TourDeFlex/TourDeFlex3/src/spark/tlf/textEditBar/LinkBar.mxml
@@ -154,5 +154,5 @@
 		selectedIndex="0" dataProvider = "{targetArray}"/>
 	<mx:CheckBox id = "linkExtendCheckBox" label="Extend"/>
 	<mx:Button label="Apply Link" 
-		click="changeLink(linkTextInput.text, linkTargetCombo.text, linkExtendCheckBox.selected);"
/>
+		click="changeLink(linkTextInput.text, linkTargetCombo.text, linkExtendCheckBox.selected)"
/>
 </mx:HBox>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/186a01be/TourDeFlex/TourDeFlex3/src/spark/validators/CreditCardValidatorExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/validators/CreditCardValidatorExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/validators/CreditCardValidatorExample.mxml
index 03bd534..7a01af0 100644
--- a/TourDeFlex/TourDeFlex3/src/spark/validators/CreditCardValidatorExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/spark/validators/CreditCardValidatorExample.mxml
@@ -19,17 +19,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" 
-			   skinClass="TDFGradientBackgroundSkin">
+			   xmlns:mx="library://ns.adobe.com/flex/mx">
 	
 	<fx:Script>
 		import mx.controls.Alert;
 	</fx:Script>
 	
-	<s:layout>
-		<s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
-	</s:layout>
-	
 	<fx:Declarations>
 		
 		<!-- Define model for the credit card data. -->
@@ -46,7 +41,7 @@
 								trigger="{myButton}" triggerEvent="click"
 								cardTypeListener="{cardTypeCombo}"
 								cardNumberListener="{cardNumberInput}"
-								valid="Alert.show('Validation Succeeded!');"/>
+								valid="Alert.show('Validation Succeeded!')"/>
 		
 		<s:ArrayCollection id="dp">
 			<fx:Object label="American Express" data="American Express"/>
@@ -58,17 +53,14 @@
 		
 	</fx:Declarations>
 	
-	<s:Panel title="CreditCardValidator Example" width="600" height="100%"
-			 color="0x000000" 
-			 borderAlpha="0.15">
+	<s:Panel title="CreditCardValidator Example" width="100%" height="100%">
 		
 		<s:layout>
-			<s:HorizontalLayout horizontalAlign="center" 
-								paddingLeft="10" paddingRight="10" 
+			<s:HorizontalLayout paddingLeft="10" paddingRight="10" 
 								paddingTop="10" paddingBottom="10"/>
 		</s:layout>
 		
-		<mx:Form id="creditCardForm" color="0x323232">
+		<mx:Form id="creditCardForm">
 			<mx:FormItem label="Card Type">    
 				<s:DropDownList id="cardTypeCombo" dataProvider="{dp}" width="160"
 								prompt="Card Type"/>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/186a01be/TourDeFlex/TourDeFlex3/src/spark/validators/CurrencyValidatorExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/validators/CurrencyValidatorExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/validators/CurrencyValidatorExample.mxml
index 12145af..bd4de98 100644
--- a/TourDeFlex/TourDeFlex3/src/spark/validators/CurrencyValidatorExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/spark/validators/CurrencyValidatorExample.mxml
@@ -19,34 +19,26 @@
 -->
 <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>
         import mx.controls.Alert;
     </fx:Script>
 	
-	<s:layout>
-		<s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
-	</s:layout>
-
 	<fx:Declarations>
 		<mx:CurrencyValidator source="{priceUS}" property="text" precision="2" 
         trigger="{myButton}" triggerEvent="click" 
-        valid="Alert.show('Validation Succeeded!');"/>
+        valid="Alert.show('Validation Succeeded!')"/>
 	</fx:Declarations>
         
-	<s:Panel title="CurrencyValidator Example" width="600" height="100%"
-			 color="0x000000" 
-			 borderAlpha="0.15">
+	<s:Panel title="CurrencyValidator Example" width="100%" height="100%">
 		
 		<s:layout>
-			<s:HorizontalLayout horizontalAlign="center" 
-								paddingLeft="10" paddingRight="10" 
+			<s:HorizontalLayout paddingLeft="10" paddingRight="10" 
 								paddingTop="10" paddingBottom="10"/>
 		</s:layout>
          
-         <mx:Form color="0x323232">
+         <mx:Form>
             <mx:FormItem label="Enter a U.S. dollar amount: ">
                  <s:TextInput id="priceUS" width="100%"/>
             </mx:FormItem>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/186a01be/TourDeFlex/TourDeFlex3/src/spark/validators/DateValidatorExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/validators/DateValidatorExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/validators/DateValidatorExample.mxml
index 93724c5..a2ed716 100644
--- a/TourDeFlex/TourDeFlex3/src/spark/validators/DateValidatorExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/spark/validators/DateValidatorExample.mxml
@@ -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[
@@ -28,10 +27,6 @@
 		]]>
 	</fx:Script>
 	
-	<s:layout>
-		<s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
-	</s:layout>
-	
 	<fx:Declarations>
 		<fx:Model id="CheckModel">
 			<dateInfo>
@@ -41,20 +36,17 @@
 		
 		<mx:DateValidator source="{dob}" property="text" allowedFormatChars="/" 
 						  trigger="{myButton}" triggerEvent="click" 
-						  valid="Alert.show('Validation Succeeded!');"/>
+						  valid="Alert.show('Validation Succeeded!')"/>
 	</fx:Declarations>
 	
-	<s:Panel title="DateValidator Example" width="600" height="100%"
-			 color="0x000000" 
-			 borderAlpha="0.15">
+	<s:Panel title="DateValidator Example" width="100%" height="100%">
 		
 		<s:layout>
-			<s:HorizontalLayout horizontalAlign="center" 
-								paddingLeft="10" paddingRight="10" 
+			<s:HorizontalLayout paddingLeft="10" paddingRight="10" 
 								paddingTop="10" paddingBottom="10"/>
 		</s:layout>
 		
-		<mx:Form color="0x323232">
+		<mx:Form>
 			<mx:FormItem label="Enter date of birth (mm/dd/yyyy): ">
 				<s:TextInput id="dob" width="100%"/>
 			</mx:FormItem>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/186a01be/TourDeFlex/TourDeFlex3/src/spark/validators/EmailValidatorExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/validators/EmailValidatorExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/validators/EmailValidatorExample.mxml
index 4314b35..0769d09 100644
--- a/TourDeFlex/TourDeFlex3/src/spark/validators/EmailValidatorExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/spark/validators/EmailValidatorExample.mxml
@@ -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[
@@ -28,28 +27,21 @@
 		]]>
 	</fx:Script>
 	
-	<s:layout>
-		<s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
-	</s:layout>
-	
 	<fx:Declarations>
 		<mx:EmailValidator source="{email}" property="text" 
 					   trigger="{myButton}" triggerEvent="click"
-					   valid="Alert.show('Validation Succeeded!');"/>
+					   valid="Alert.show('Validation Succeeded!')"/>
 	</fx:Declarations>
 	
 	
-	<s:Panel title="EmailValidator Example" width="600" height="100%"
-			 color="0x000000" 
-			 borderAlpha="0.15">
+	<s:Panel title="EmailValidator Example" width="100%" height="100%">
 		
 		<s:layout>
-			<s:HorizontalLayout horizontalAlign="center" 
-								paddingLeft="10" paddingRight="10" 
+			<s:HorizontalLayout paddingLeft="10" paddingRight="10" 
 								paddingTop="10" paddingBottom="10"/>
 		</s:layout>
 		
-		<mx:Form color="0x323232">
+		<mx:Form>
 			<mx:FormItem label="Enter an e-mail address: ">
 				<s:TextInput id="email" width="100%"/>
 			</mx:FormItem>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/186a01be/TourDeFlex/TourDeFlex3/src/spark/validators/FormValidatorExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/validators/FormValidatorExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/validators/FormValidatorExample.mxml
index 8230ac4..f04ee1c 100644
--- a/TourDeFlex/TourDeFlex3/src/spark/validators/FormValidatorExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/spark/validators/FormValidatorExample.mxml
@@ -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[
@@ -46,10 +45,6 @@
         ]]>
     </fx:Script>
 	
-	<s:layout>
-		<s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
-	</s:layout>
-
 	<fx:Declarations>
 		<!-- The Validator class defines the required property and the validator events
          used by all validator subclasses. -->
@@ -58,17 +53,14 @@
         valid="handleValid(event)" invalid="handleValid(event)"/>
 	</fx:Declarations>
         
-	<s:Panel title="Validator Example" width="620" height="100%"
-			 color="0x000000" 
-			 borderAlpha="0.15">
+	<s:Panel title="Validator Example" width="100%" height="100%">
 		
 		<s:layout>
-			<s:VerticalLayout horizontalAlign="center" 
-							  paddingLeft="10" paddingRight="10" 
+			<s:VerticalLayout paddingLeft="10" paddingRight="10" 
 							  paddingTop="10" paddingBottom="10"/>
 		</s:layout>
          
-         <mx:Form color="0x323232">
+         <mx:Form>
             <s:Label width="100%"
                 text="Enter a value in the Name field before you can submit. The E-mail field
is optional."/>
 
@@ -82,7 +74,7 @@
             
             <mx:FormItem>
                 <s:Button id="submitButton" enabled="false" 
-                    label="Submit" click="submitForm();"/>
+                    label="Submit" click="submitForm()"/>
             </mx:FormItem>
         </mx:Form>
         

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/186a01be/TourDeFlex/TourDeFlex3/src/spark/validators/NumberValidatorExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/validators/NumberValidatorExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/validators/NumberValidatorExample.mxml
index 07ae1ab..fefed5f 100644
--- a/TourDeFlex/TourDeFlex3/src/spark/validators/NumberValidatorExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/spark/validators/NumberValidatorExample.mxml
@@ -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[
@@ -44,27 +43,20 @@
       ]]>      
     </fx:Script>
 	
-	<s:layout>
-		<s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
-	</s:layout>
-	
 	<fx:Declarations>
 		<mx:NumberFormatter id="numberFormatter" precision="4" useThousandsSeparator="true"
useNegativeSign="true"/>
 		
 		<mx:NumberValidator id="numVal" source="{inputVal}" property="text" allowNegative="true"
domain="real"/>
 	</fx:Declarations>
         
-	<s:Panel title="NumberValidator Example" width="600" height="100%"
-			 color="0x000000" 
-			 borderAlpha="0.15">
+	<s:Panel title="NumberValidator Example" width="100%" height="100%">
 		
 		<s:layout>
-			<s:HorizontalLayout horizontalAlign="center" 
-								paddingLeft="10" paddingRight="10" 
+			<s:HorizontalLayout paddingLeft="10" paddingRight="10" 
 								paddingTop="10" paddingBottom="10"/>
 		</s:layout>
          
-         <mx:Form color="0x323232">
+         <mx:Form>
             <mx:FormItem label="Enter number:">
                 <s:TextInput id="inputVal" text="" width="50%"/>
             </mx:FormItem>
@@ -74,7 +66,7 @@
             </mx:FormItem>
 
             <mx:FormItem>
-                <s:Button label="Validate and Format" click="Format();"/>
+                <s:Button label="Validate and Format" click="Format()"/>
             </mx:FormItem>
         </mx:Form>
         

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/186a01be/TourDeFlex/TourDeFlex3/src/spark/validators/RegExpValidatorExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/validators/RegExpValidatorExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/validators/RegExpValidatorExample.mxml
index 1ab3b13..c8b3a44 100644
--- a/TourDeFlex/TourDeFlex3/src/spark/validators/RegExpValidatorExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/spark/validators/RegExpValidatorExample.mxml
@@ -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[
@@ -49,10 +48,6 @@
 		]]>
 	</fx:Script>
 	
-	<s:layout>
-		<s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
-	</s:layout>
-	
 	<fx:Declarations>
 		<mx:RegExpValidator id="regExpV" 
 							source="{regex_text}" property="text" 
@@ -61,13 +56,10 @@
 							trigger="{myButton}" triggerEvent="click"/>
 	</fx:Declarations>
 	
-	<s:Panel title="RegExpValidator Example" width="620" height="100%"
-			 color="0x000000" 
-			 borderAlpha="0.15">
+	<s:Panel title="RegExpValidator Example" width="100%" height="100%">
 		
 		<s:layout>
-			<s:VerticalLayout horizontalAlign="center" 
-							  paddingLeft="10" paddingRight="10" 
+			<s:VerticalLayout paddingLeft="10" paddingRight="10" 
 							  paddingTop="10" paddingBottom="10"/>
 		</s:layout>
 		
@@ -77,7 +69,7 @@
 		<s:Label width="100%" color="0x323232" text="3. Click the Button control to trigger
the validation."/>
 		<s:Label width="100%" color="0x323232" text="4. The results show the index in the text
where the matching pattern begins, and the matching pattern. "/>
 		
-		<mx:Form color="0x323232">
+		<mx:Form>
 			<mx:FormItem label="Enter text: ">
 				<s:TextInput id="regex_text" text="xxxxABC4xxx" width="100%"/>
 			</mx:FormItem>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/186a01be/TourDeFlex/TourDeFlex3/src/spark/validators/SocialSecurityValidatorExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/validators/SocialSecurityValidatorExample.mxml
b/TourDeFlex/TourDeFlex3/src/spark/validators/SocialSecurityValidatorExample.mxml
index 3d5488e..5c3a060 100644
--- a/TourDeFlex/TourDeFlex3/src/spark/validators/SocialSecurityValidatorExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/spark/validators/SocialSecurityValidatorExample.mxml
@@ -19,36 +19,28 @@
 -->
 <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[
 			import mx.controls.Alert;
 		]]>
 	</fx:Script>
-	
-	<s:layout>
-		<s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
-	</s:layout>
-	
+
 	<fx:Declarations>
 		<mx:SocialSecurityValidator source="{ssn}" property="text" 
 									trigger="{myButton}" triggerEvent="click"
-									valid="Alert.show('Validation Succeeded!');"/>
+									valid="Alert.show('Validation Succeeded!')"/>
 	</fx:Declarations>
 	
-	<s:Panel title="SocialSecurityValidator Example" width="620" height="100%"
-			 color="0x000000" 
-			 borderAlpha="0.15">
+	<s:Panel title="SocialSecurityValidator Example" width="100%" height="100%">
 		
 		<s:layout>
-			<s:VerticalLayout horizontalAlign="center" 
-							  paddingLeft="10" paddingRight="10" 
+			<s:VerticalLayout paddingLeft="10" paddingRight="10" 
 							  paddingTop="10" paddingBottom="10"/>
 		</s:layout>
 		
-		<mx:Form color="0x323232">
+		<mx:Form>
 			<mx:FormItem label="Enter Social Security number: ">
 				<s:TextInput id="ssn" width="100%"/>
 			</mx:FormItem>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/186a01be/TourDeFlex/TourDeFlex3/src/spark/validators/StringValidatorExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/validators/StringValidatorExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/validators/StringValidatorExample.mxml
index 41d478e..08d641b 100644
--- a/TourDeFlex/TourDeFlex3/src/spark/validators/StringValidatorExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/spark/validators/StringValidatorExample.mxml
@@ -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[
@@ -28,30 +27,23 @@
 		]]>
 	</fx:Script>
 	
-	<s:layout>
-		<s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
-	</s:layout>
-	
 	<fx:Declarations>
 		<mx:StringValidator source="{fname}" property="text" 
 							tooShortError="This string is shorter than the minimum allowed length of 4. " 
 							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>
 	
-	<s:Panel title="StringValidator Example" width="620" height="100%"
-			 color="0x000000" 
-			 borderAlpha="0.15">
+	<s:Panel title="StringValidator Example" width="100%" height="100%">
 		
 		<s:layout>
-			<s:VerticalLayout horizontalAlign="center" 
-							  paddingLeft="10" paddingRight="10" 
+			<s:VerticalLayout paddingLeft="10" paddingRight="10" 
 							  paddingTop="10" paddingBottom="10"/>
 		</s:layout>
 		
-		<mx:Form color="0x323232">               
+		<mx:Form>               
 			<mx:FormItem label="Enter a name between 4 and 20 characters: ">
 				<s:TextInput id="fname" width="100%"/>
 			</mx:FormItem>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/186a01be/TourDeFlex/TourDeFlex3/src/spark/validators/ZipCodeValidatorExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/validators/ZipCodeValidatorExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/validators/ZipCodeValidatorExample.mxml
index b1ac856..ccccd1e 100644
--- a/TourDeFlex/TourDeFlex3/src/spark/validators/ZipCodeValidatorExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/spark/validators/ZipCodeValidatorExample.mxml
@@ -19,36 +19,28 @@
 -->
 <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[
 			import mx.controls.Alert;
 		]]>
 	</fx:Script>
-	
-	<s:layout>
-		<s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
-	</s:layout>
-	
+
 	<fx:Declarations>
 		<mx:ZipCodeValidator source="{zip}" property="text" 
 							 trigger="{myButton}" triggerEvent="click"  
-							 valid="Alert.show('Validation Succeeded!');"/>
+							 valid="Alert.show('Validation Succeeded!')"/>
 	</fx:Declarations>
 	
-	<s:Panel title="ZipCodeValidator Example" width="620" height="100%"
-			 color="0x000000" 
-			 borderAlpha="0.15">
+	<s:Panel title="ZipCodeValidator Example" width="100%" height="100%">
 		
 		<s:layout>
-			<s:VerticalLayout horizontalAlign="center" 
-							  paddingLeft="10" paddingRight="10" 
+			<s:VerticalLayout paddingLeft="10" paddingRight="10" 
 							  paddingTop="10" paddingBottom="10"/>
 		</s:layout>
 		
-		<mx:Form color="0x323232">
+		<mx:Form>
 			<mx:FormItem label="Enter a 5 or 9 digit U.S. Zip code: ">
 				<s:TextInput id="zip" width="100%"/>
 			</mx:FormItem>


Mime
View raw message