http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/effects/SimpleTweenEffectExample.mxml
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex3/src/mx/effects/SimpleTweenEffectExample.mxml 
b/TourDeFlex/TourDeFlex3/src/mx/effects/SimpleTweenEffectExample.mxml
index 93e236c..8471f73 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/effects/SimpleTweenEffectExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/effects/SimpleTweenEffectExample.mxml
@@ -17,9 +17,11 @@
   -->
 
 <!-- Simple example to demonstrate the TweenEffect 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 mx.events.TweenEvent;
@@ -44,14 +46,15 @@
        <fx:Declarations>
            <mx:Resize id="expand" target="{img}" widthTo="100" heightTo="200" 
                duration="10000" 
-               tweenUpdate="tweenUpdateHandler(event);" 
-               tweenEnd="tweenUpdateHandler(event);"/>
+               tweenUpdate="tweenUpdateHandler(event)" 
+               tweenEnd="tweenUpdateHandler(event)"/>
        </fx:Declarations>
 
-    <mx:Panel title="Resize Effect Example" width="100%" height="100%" 
-        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+    <mx:Panel title="Resize Effect Example"
+                               paddingBottom="10" paddingTop="10" 
paddingLeft="10" paddingRight="10"
+                               height="100%" width="100%">
 
-        <mx:Text width="100%" color="blue" 
+        <mx:Text width="100%" 
             text="Use the Button controls to resize the image."/>
 
         <mx:HBox width="100%">
@@ -61,12 +64,12 @@
         </mx:HBox>
             
         <mx:ControlBar>
-            <mx:Button id="button1" label="Start" click="expand.play(); 
button1.enabled=false;"/>
-            <mx:Button label="Pause" click="expand.pause();"/>
-            <mx:Button label="Resume" click="expand.resume();"/>
-            <mx:Button label="Reverse" click="expand.reverse();"/>
-            <mx:Button label="End" click="expand.end();"/>
-            <mx:Button label="Reset" click="resetHandler();"/>
+            <mx:Button id="button1" label="Start" click="expand.play(); 
button1.enabled=false"/>
+            <mx:Button label="Pause" click="expand.pause()"/>
+            <mx:Button label="Resume" click="expand.resume()"/>
+            <mx:Button label="Reverse" click="expand.reverse()"/>
+            <mx:Button label="End" click="expand.end()"/>
+            <mx:Button label="Reset" click="resetHandler()"/>
         </mx:ControlBar>
         
     </mx:Panel>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/effects/SoundEffectExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/effects/SoundEffectExample.mxml 
b/TourDeFlex/TourDeFlex3/src/mx/effects/SoundEffectExample.mxml
index cdbf299..50628ed 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/effects/SoundEffectExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/effects/SoundEffectExample.mxml
@@ -17,19 +17,23 @@
   -->
 
 <!-- Simple example to demonstrate the SoundEffect effect. -->
-<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:Declarations>
        <mx:SoundEffect id="mySounds" 
source="@Embed(source='./assets/ping.mp3')"/>
        </fx:Declarations>
 
-    <mx:Panel title="Sound Effect Example" width="75%" height="75%" 
-        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+    <mx:Panel title="Sound Effect Example"
+                               paddingBottom="10" paddingTop="10" 
paddingLeft="10" paddingRight="10"
+                               height="100%" width="100%">
 
-        <mx:Label width="100%" color="blue" 
+        <mx:Label width="100%" 
             text="Click on the logo to hear the sound effect."/>
 
-        <mx:Image id="flex" 
source="@Embed(source='assets/ApacheFlexLogo.png')" 
+        <mx:Image id="flex" source="@Embed(source='assets/ApacheFlexLogo.png')"
+                       width="50%" height="50%"
             mouseDownEffect="{mySounds}"/>
 
     </mx:Panel>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/effects/WipeDownExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/effects/WipeDownExample.mxml 
b/TourDeFlex/TourDeFlex3/src/mx/effects/WipeDownExample.mxml
index 7363a7c..7dd5d89 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/effects/WipeDownExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/effects/WipeDownExample.mxml
@@ -17,17 +17,20 @@
   -->
 
 <!-- Simple example to demonstrate the WipeDown effect. -->
-<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:Declarations>
            <mx:WipeDown id="wipeOut" duration="1000"/>
            <mx:WipeDown id="wipeIn" duration="1000"/>
        </fx:Declarations>
 
-    <mx:Panel title="WipeDown Effect Example" width="95%" height="95%" 
-        paddingTop="5" paddingLeft="10" paddingRight="10" paddingBottom="5">
+    <mx:Panel title="WipeDown Effect Example"
+                               paddingBottom="10" paddingTop="10" 
paddingLeft="10" paddingRight="10"
+                               height="100%" width="100%">
 
-        <mx:Text width="100%" color="blue" 
+        <mx:Text width="100%" 
             text="Use the WipeDown effect to show or hide the text and 
image."/>
 
         <mx:Label text="Apache Flex"  
@@ -36,6 +39,7 @@
             hideEffect="{wipeOut}" showEffect="{wipeIn}"/>
                        
         <mx:Image source="@Embed(source='assets/ApacheFlexLogo.png')" 
+                       width="50%" height="50%"
             visible="{cb1.selected}"
             hideEffect="{wipeOut}" showEffect="{wipeIn}"/>
             

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/effects/WipeLeftExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/effects/WipeLeftExample.mxml 
b/TourDeFlex/TourDeFlex3/src/mx/effects/WipeLeftExample.mxml
index 6c3b6de..5e65afe 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/effects/WipeLeftExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/effects/WipeLeftExample.mxml
@@ -17,17 +17,20 @@
   -->
 
 <!-- Simple example to demonstrate the WipeLeft effect. -->
-<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:Declarations>
        <mx:WipeLeft id="wipeOut" duration="1000"/>
        <mx:WipeLeft id="wipeIn" duration="1000"/>
        </fx:Declarations>
 
-    <mx:Panel title="WipeLeft Effect Example" width="95%" height="95%" 
-        paddingTop="5" paddingLeft="10" paddingRight="10" paddingBottom="5">
+    <mx:Panel title="WipeLeft Effect Example"
+                               paddingBottom="10" paddingTop="10" 
paddingLeft="10" paddingRight="10"
+                               height="100%" width="100%">
 
-        <mx:Text width="100%" color="blue" 
+        <mx:Text width="100%" 
             text="Use the WipeLeft effect to show or hide the text and 
image."/>
 
         <mx:Label text="Apache Flex"  
@@ -35,7 +38,8 @@
             visible="{cb1.selected}"
             hideEffect="{wipeOut}" showEffect="{wipeIn}"/>
                        
-        <mx:Image source="@Embed(source='assets/ApacheFlexLogo.png')" 
+        <mx:Image source="@Embed(source='assets/ApacheFlexLogo.png')"
+                       width="50%" height="50%"
             visible="{cb1.selected}"
             hideEffect="{wipeOut}" showEffect="{wipeIn}"/>
             

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/effects/WipeRightExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/effects/WipeRightExample.mxml 
b/TourDeFlex/TourDeFlex3/src/mx/effects/WipeRightExample.mxml
index bd3d0fa..2a751e9 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/effects/WipeRightExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/effects/WipeRightExample.mxml
@@ -17,17 +17,20 @@
   -->
 
 <!-- Simple example to demonstrate the WipeRight effect. -->
-<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:Declarations>
        <mx:WipeRight id="wipeOut" duration="1000"/>
        <mx:WipeRight id="wipeIn" duration="1000"/>
        </fx:Declarations>
 
-    <mx:Panel title="WipeRight Effect Example" width="95%" height="95%" 
-        paddingTop="5" paddingLeft="10" paddingRight="10" paddingBottom="5">
+    <mx:Panel title="WipeRight Effect Example"
+                               paddingBottom="10" paddingTop="10" 
paddingLeft="10" paddingRight="10"
+                               height="100%" width="100%">
 
-        <mx:Text width="100%" color="blue" 
+        <mx:Text width="100%" 
             text="Use the WipeRight effect to show or hide the text and 
image."/>
 
         <mx:Label text="Apache Flex"  
@@ -35,7 +38,8 @@
             visible="{cb1.selected}"
             hideEffect="{wipeOut}" showEffect="{wipeIn}"/>
                        
-        <mx:Image source="@Embed(source='assets/ApacheFlexLogo.png')" 
+        <mx:Image source="@Embed(source='assets/ApacheFlexLogo.png')"
+                       width="50%" height="50%"
             visible="{cb1.selected}"
             hideEffect="{wipeOut}" showEffect="{wipeIn}"/>
             

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/effects/WipeUpExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/effects/WipeUpExample.mxml 
b/TourDeFlex/TourDeFlex3/src/mx/effects/WipeUpExample.mxml
index dce394c..1a79726 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/effects/WipeUpExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/effects/WipeUpExample.mxml
@@ -17,17 +17,20 @@
   -->
 
 <!-- Simple example to demonstrate the WipeUp effect. -->
-<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:Declarations>
        <mx:WipeUp id="wipeOut" duration="1000"/>
        <mx:WipeUp id="wipeIn" duration="1000"/>
        </fx:Declarations>
 
-    <mx:Panel title="WipeUp Effect Example" width="95%" height="95%" 
-        paddingTop="5" paddingLeft="10" paddingRight="10" paddingBottom="5">
+    <mx:Panel title="WipeUp Effect Example"
+                               paddingBottom="10" paddingTop="10" 
paddingLeft="10" paddingRight="10"
+                               height="100%" width="100%">
 
-        <mx:Text width="100%" color="blue" 
+        <mx:Text width="100%" 
             text="Use the WipeUp effect to show or hide the text and image."/>
 
         <mx:Label text="Apache Flex"  
@@ -35,7 +38,8 @@
             visible="{cb1.selected}"
             hideEffect="{wipeOut}" showEffect="{wipeIn}"/>
                        
-        <mx:Image source="@Embed(source='assets/ApacheFlexLogo.png')" 
+        <mx:Image source="@Embed(source='assets/ApacheFlexLogo.png')"
+                       width="50%" height="50%"
             visible="{cb1.selected}"
             hideEffect="{wipeOut}" showEffect="{wipeIn}"/>
             

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/effects/ZoomEffectExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/effects/ZoomEffectExample.mxml 
b/TourDeFlex/TourDeFlex3/src/mx/effects/ZoomEffectExample.mxml
index 0695d58..c91c401 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/effects/ZoomEffectExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/effects/ZoomEffectExample.mxml
@@ -17,9 +17,11 @@
   -->
 
 <!-- Simple example to demonstrate the Zoom effect. -->
-<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 flash.events.MouseEvent;
                
@@ -37,18 +39,19 @@
     </fx:Script>
 
        <fx:Declarations>
-               <mx:Zoom id="zoomAll" zoomWidthTo="1" zoomHeightTo="1" 
zoomWidthFrom=".5" zoomHeightFrom=".5"  />
+               <mx:Zoom id="zoomAll" zoomWidthTo="0.5" zoomHeightTo="0.5" 
zoomWidthFrom="0.25" zoomHeightFrom="0.25"  />
        </fx:Declarations>
        
-    <mx:Panel title="Zoom Effect Example" width="95%" height="95%" 
horizontalAlign="center"
-        paddingTop="5" paddingLeft="10" paddingRight="10" paddingBottom="5">
+    <mx:Panel title="Zoom Effect Example"
+                               paddingBottom="10" paddingTop="10" 
paddingLeft="10" paddingRight="10"
+                               height="100%" width="100%">
 
-        <mx:Text width="100%" color="blue"
+        <mx:Text width="100%"
             text="Move the mouse over the image to enlarge it. Move the mouse 
off of the image to shrink it."/>
 
         <mx:Image id="img"
             source="@Embed(source='assets/ApacheFlexLogo.png')"
-            scaleX=".5" scaleY=".5"
+            scaleX="0.25" scaleY="0.25"
             rollOver="doZoom(event)"
             rollOut="doZoom(event)"/>
 

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/formatters/CurrencyFormatterExample.mxml
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex3/src/mx/formatters/CurrencyFormatterExample.mxml 
b/TourDeFlex/TourDeFlex3/src/mx/formatters/CurrencyFormatterExample.mxml
index 82ad2c0..3bf2524 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/formatters/CurrencyFormatterExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/formatters/CurrencyFormatterExample.mxml
@@ -17,9 +17,11 @@
   -->
 
 <!-- Simple example to demonstrate the CurrencyFormatter. -->
-<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 mx.events.ValidationResultEvent;                  
@@ -52,8 +54,7 @@
                allowNegative="true" domain="real"/>    
        </fx:Declarations>
 
-    <mx:Panel title="CurrencyFormatter Example" width="75%" height="75%" 
-        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+    <mx:Panel title="CurrencyFormatter Example" height="100%" width="100%">
 
         <mx:Form>
             <mx:FormItem label="Enter U.S. dollar amount:">
@@ -65,7 +66,7 @@
             </mx:FormItem>
 
             <mx:FormItem>
-                <mx:Button label="Validate and Format" click="Format();"/>
+                <mx:Button label="Validate and Format" click="Format()"/>
             </mx:FormItem>
         </mx:Form>
 

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/formatters/DateFormatterExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/formatters/DateFormatterExample.mxml 
b/TourDeFlex/TourDeFlex3/src/mx/formatters/DateFormatterExample.mxml
index 9a2e875..667f272 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/formatters/DateFormatterExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/formatters/DateFormatterExample.mxml
@@ -17,9 +17,11 @@
   -->
 
 <!-- Simple example to demonstrate the DateFormatter. -->
-<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 mx.events.ValidationResultEvent;                    
@@ -46,8 +48,7 @@
            <mx:DateValidator id="dateVal" source="{dob}" property="text" 
inputFormat="mm/dd/yyyy"/>
        </fx:Declarations>
        
-    <mx:Panel title="DateFormatter Example" width="95%" height="95%" 
-            paddingTop="10" paddingLeft="5" paddingRight="5" 
paddingBottom="10">
+    <mx:Panel title="DateFormatter Example" height="100%" width="100%">
 
         <mx:Form width="100%">
             <mx:FormItem label="Enter date (mm/dd/yyyy):" width="100%">
@@ -59,7 +60,7 @@
             </mx:FormItem>
 
             <mx:FormItem>
-                <mx:Button label="Validate and Format" click="Format();"/>
+                <mx:Button label="Validate and Format" click="Format()"/>
             </mx:FormItem>
         </mx:Form>
 

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/formatters/NumberFormatterExample.mxml
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex3/src/mx/formatters/NumberFormatterExample.mxml 
b/TourDeFlex/TourDeFlex3/src/mx/formatters/NumberFormatterExample.mxml
index 0a990ba..1b741b8 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/formatters/NumberFormatterExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/formatters/NumberFormatterExample.mxml
@@ -17,9 +17,11 @@
   -->
 
 <!-- Simple example to demonstrate NumberFormatter. -->
-<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 mx.events.ValidationResultEvent;                      
@@ -49,8 +51,7 @@
                allowNegative="true" domain="real"/>
        </fx:Declarations>
 
-    <mx:Panel title="NumberFormatter Example" width="75%" height="75%" 
-            paddingTop="10" paddingLeft="10" paddingRight="10" 
paddingBottom="10">
+    <mx:Panel title="NumberFormatter Example" height="100%" width="100%">
 
         <mx:Form>
             <mx:FormItem label="Enter number:">
@@ -62,7 +63,7 @@
             </mx:FormItem>
 
             <mx:FormItem>
-                <mx:Button label="Validate and Format" click="Format();"/>
+                <mx:Button label="Validate and Format" click="Format()"/>
             </mx:FormItem>
         </mx:Form>
         

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/formatters/PhoneFormatterExample.mxml
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex3/src/mx/formatters/PhoneFormatterExample.mxml 
b/TourDeFlex/TourDeFlex3/src/mx/formatters/PhoneFormatterExample.mxml
index 699e0d9..ade9f11 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/formatters/PhoneFormatterExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/formatters/PhoneFormatterExample.mxml
@@ -17,9 +17,11 @@
   -->
 
 <!-- Simple example to demonstrate PhoneFormatter. -->
-<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 mx.events.ValidationResultEvent;                    
@@ -48,8 +50,7 @@
                    allowedFormatChars=""/>
        </fx:Declarations>
 
-    <mx:Panel title="PhoneFormatter Example" width="75%" height="75%" 
-            paddingTop="10" paddingLeft="10" paddingRight="10" 
paddingBottom="10">
+    <mx:Panel title="PhoneFormatter Example" height="100%" width="100%">
 
         <mx:Form>
             <mx:FormItem label="Enter a 10-digit phone number:">
@@ -61,7 +62,7 @@
             </mx:FormItem>
 
             <mx:FormItem>
-                <mx:Button label="Validate and Format" click="Format();"/>
+                <mx:Button label="Validate and Format" click="Format()"/>
             </mx:FormItem>
         </mx:Form>
 

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/formatters/SimpleFormatterExample.mxml
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex3/src/mx/formatters/SimpleFormatterExample.mxml 
b/TourDeFlex/TourDeFlex3/src/mx/formatters/SimpleFormatterExample.mxml
index 45787d5..b53133f 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/formatters/SimpleFormatterExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/formatters/SimpleFormatterExample.mxml
@@ -17,9 +17,11 @@
   -->
 
 <!-- Simple example to demonstrate the Formatter 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[
 
             // Event handler to format the input.            
@@ -46,8 +48,7 @@
        <mx:NumberFormatter id="numberFormatter"/>
        </fx:Declarations>
 
-    <mx:Panel title="NumberFormatter Example" width="75%" height="75%" 
-            paddingTop="10" paddingLeft="10" paddingRight="10" 
paddingBottom="10">
+    <mx:Panel title="NumberFormatter Example" height="100%" width="100%">
 
         <mx:Form>
             <mx:FormItem label="Enter number - a letter is invalid:">
@@ -59,7 +60,7 @@
             </mx:FormItem>
 
             <mx:FormItem>
-                <mx:Button label="Validate and Format" click="Format();"/>
+                <mx:Button label="Validate and Format" click="Format()"/>
             </mx:FormItem>
         </mx:Form>
   

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/formatters/SwitchSymbolFormatterExample.mxml
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex3/src/mx/formatters/SwitchSymbolFormatterExample.mxml 
b/TourDeFlex/TourDeFlex3/src/mx/formatters/SwitchSymbolFormatterExample.mxml
index 4bc47a0..39ac981 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/formatters/SwitchSymbolFormatterExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/formatters/SwitchSymbolFormatterExample.mxml
@@ -17,9 +17,11 @@
   -->
 
 <!-- Simple example to demonstrate SwitchSymbolFormatter. -->
-<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 mx.formatters.SwitchSymbolFormatter;                
@@ -50,13 +52,14 @@
        <mx:SocialSecurityValidator id="scVal" source="{scNum}" 
property="text"/>
        </fx:Declarations>
 
-    <mx:Panel title="SwitchSymbolFormatter Example" width="75%" height="75%" 
-            paddingTop="10" paddingLeft="10" paddingRight="10" 
paddingBottom="10">
+    <mx:Panel title="SwitchSymbolFormatter Example"
+                         paddingBottom="10" paddingTop="10" paddingLeft="10" 
paddingRight="10"
+                         height="100%" width="100%">
 
         <mx:Label text="Enter a 9 digit Social Security number with no 
separator characters:"/>
         <mx:TextInput id="scNum" text="" maxChars="9" width="50%"/>
 
-        <mx:Button label="Validate and Format" click="Format();"/>
+        <mx:Button label="Validate and Format" click="Format()"/>
         <mx:TextInput id="formattedSCNumber" editable="false" width="75%"/>
 
     </mx:Panel>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/formatters/ZipCodeFormatterExample.mxml
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex3/src/mx/formatters/ZipCodeFormatterExample.mxml 
b/TourDeFlex/TourDeFlex3/src/mx/formatters/ZipCodeFormatterExample.mxml
index 92fa718..c87ed6a 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/formatters/ZipCodeFormatterExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/formatters/ZipCodeFormatterExample.mxml
@@ -17,9 +17,11 @@
   -->
 
 <!-- Simple example to demonstrate ZipCodeFormatter. -->
-<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 mx.events.ValidationResultEvent;                    
@@ -47,8 +49,7 @@
        <mx:ZipCodeValidator id="zcVal" source="{zip}" property="text" 
allowedFormatChars=""/>
        </fx:Declarations>
        
-    <mx:Panel title="ZipCodeFormatter Example" width="75%" height="75%" 
-            paddingTop="10" paddingLeft="10" paddingRight="10" 
paddingBottom="10">
+    <mx:Panel title="ZipCodeFormatter Example" height="100%" width="100%">
 
         <mx:Form width="100%">
             <mx:FormItem label="Enter a 5 or 9 digit U.S. ZIP code:" 
width="100%">
@@ -60,7 +61,7 @@
             </mx:FormItem>
 
             <mx:FormItem>
-                <mx:Button label="Validate and Format" click="Format();"/>
+                <mx:Button label="Validate and Format" click="Format()"/>
             </mx:FormItem>
         </mx:Form>
 

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/printing/AdvancedPrintDataGridExample.mxml
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex3/src/mx/printing/AdvancedPrintDataGridExample.mxml 
b/TourDeFlex/TourDeFlex3/src/mx/printing/AdvancedPrintDataGridExample.mxml
index 38f0244..d133987 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/printing/AdvancedPrintDataGridExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/printing/AdvancedPrintDataGridExample.mxml
@@ -17,9 +17,11 @@
   -->
 
 <!-- printing\ADGPrint.mxml -->
-<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 mx.printing.*;
             import mx.collections.ArrayCollection;
@@ -81,8 +83,8 @@
     </fx:Script>
 
     <mx:Panel title="PrintAdvancedDataGrid Control Example"
-        height="75%" width="75%" layout="horizontal"
-        paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
+                         paddingBottom="10" paddingTop="10" paddingLeft="10" 
paddingRight="10"
+                         height="100%" width="100%">
 
         <mx:AdvancedDataGrid id="adg"
             width="100%" height="100%">
@@ -100,6 +102,6 @@
 
         <mx:Button id="myButton" 
             label="Print" 
-            click="doPrint();"/>
+            click="doPrint()"/>
     </mx:Panel>    
 </mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/printing/FormPrintFooter.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/printing/FormPrintFooter.mxml 
b/TourDeFlex/TourDeFlex3/src/mx/printing/FormPrintFooter.mxml
index 20e500b..62860e7 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/printing/FormPrintFooter.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/printing/FormPrintFooter.mxml
@@ -19,14 +19,16 @@
 <!-- Custom control for the footer area of the printed page. -->
 
 <mx:VBox xmlns:fx="http://ns.adobe.com/mxml/2009"; 
xmlns:mx="library://ns.adobe.com/flex/mx"
-       width="60%" horizontalAlign="right" >
+       width="60%" horizontalAlign="right">
+       
     <!-- Declare and initialize the product total variable. -->
-
-    <fx:Script>
+     <fx:Script>
         <![CDATA[
             [Bindable]
             public var pTotal:Number = 0;
         ]]>
     </fx:Script>
+       
     <mx:Label text="Product Total: {pTotal}"/>
+       
 </mx:VBox>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/printing/FormPrintHeader.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/printing/FormPrintHeader.mxml 
b/TourDeFlex/TourDeFlex3/src/mx/printing/FormPrintHeader.mxml
index b2283fd..1c4cc16 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/printing/FormPrintHeader.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/printing/FormPrintHeader.mxml
@@ -19,7 +19,7 @@
 <!-- Custom control for the header area of the printed page. -->
 
 <mx:VBox xmlns:fx="http://ns.adobe.com/mxml/2009"; 
xmlns:mx="library://ns.adobe.com/flex/mx"
-       width="60%" horizontalAlign="right" >
+       width="60%" horizontalAlign="right">
 
     <mx:Label text="This is a placeholder for first page contents"/>
 </mx:VBox>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/printing/FormPrintView.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/printing/FormPrintView.mxml 
b/TourDeFlex/TourDeFlex3/src/mx/printing/FormPrintView.mxml
index dabe443..fb59c4d 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/printing/FormPrintView.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/printing/FormPrintView.mxml
@@ -21,7 +21,7 @@
 <mx:VBox xmlns:fx="http://ns.adobe.com/mxml/2009"; 
xmlns:mx="library://ns.adobe.com/flex/mx"
        xmlns="*" backgroundColor="#FFFFFF" paddingTop="50" paddingBottom="50" 
paddingLeft="50">
 
-    <fx:Script>
+     <fx:Script>
         <![CDATA[
             import mx.core.*
             // Declare and initialize the variables used in the component.

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/printing/PrintDataGridExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/printing/PrintDataGridExample.mxml 
b/TourDeFlex/TourDeFlex3/src/mx/printing/PrintDataGridExample.mxml
index d3ef7e9..53a05dc 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/printing/PrintDataGridExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/printing/PrintDataGridExample.mxml
@@ -18,9 +18,10 @@
 
 <!-- Main application to print a DataGrid control on multiple pages. -->
 
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009"; 
xmlns:mx="library://ns.adobe.com/flex/mx" initialize="initData();">
+<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" initialize="initData()">
 
-    <fx:Script>
+     <fx:Script>
         <![CDATA[
 
                import mx.core.FlexGlobals;
@@ -120,8 +121,9 @@
         ]]>
     </fx:Script>
 
-    <mx:Panel title="DataGrid Printing Example" height="75%" width="75%"
-        paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
+    <mx:Panel title="DataGrid Printing Example"
+                         paddingBottom="10" paddingTop="10" paddingLeft="10" 
paddingRight="10"
+                         height="100%" width="100%">
 
         <mx:DataGrid id="myDataGrid" dataProvider="{dgProvider}">
             <mx:columns>
@@ -130,14 +132,14 @@
             </mx:columns>
         </mx:DataGrid>
 
-        <mx:Text width="100%" color="blue"
+        <mx:Text width="100%"
             text="Specify the number of lines and click Fill Grid first. Then 
you can click Print."/>
 
         <mx:TextInput id="dataItems" text="35"/>
 
         <mx:HBox>
-            <mx:Button id="setDP" label="Fill Grid" 
click="setdgProvider(int(dataItems.text));"/>
-            <mx:Button id="printDG" label="Print" click="doPrint();"/>
+            <mx:Button id="setDP" label="Fill Grid" 
click="setdgProvider(int(dataItems.text))"/>
+            <mx:Button id="printDG" label="Print" click="doPrint()"/>
         </mx:HBox>
     </mx:Panel>
 </mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/states/StatesExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/states/StatesExample.mxml 
b/TourDeFlex/TourDeFlex3/src/mx/states/StatesExample.mxml
index d0f70b1..3ec680d 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/states/StatesExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/states/StatesExample.mxml
@@ -17,7 +17,9 @@
   -->
 
 <!-- Simple example to demonstrate the States 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%">
 
     <!-- Define one view state, in addition to the base state.-->
     <mx:states>
@@ -27,10 +29,11 @@
 
     <!-- Define a Panel container that defines the login form.-->
     <mx:Panel title="Login" title.register="Register" id="loginPanel" 
-        horizontalScrollPolicy="off" verticalScrollPolicy="off"
-        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+                       horizontalScrollPolicy="off" verticalScrollPolicy="off" 
+                               paddingBottom="10" paddingTop="10" 
paddingLeft="10" paddingRight="10"
+                               height="100%" width="100%">
 
-        <mx:Text width="100%" color="blue"
+        <mx:Text width="100%"
             text="Click the 'Need to Register?' link to change state. Click 
the 'Return to Login' link to return to the base state."/>
 
         <mx:Form id="loginForm">

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/states/TransitionExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/states/TransitionExample.mxml 
b/TourDeFlex/TourDeFlex3/src/mx/states/TransitionExample.mxml
index a246307..fd8b14a 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/states/TransitionExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/states/TransitionExample.mxml
@@ -17,7 +17,9 @@
   -->
 
 <!-- Simple example to demonstrate the Transition 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%">
 
     <!-- Define one view state, in addition to the base state.-->
     <mx:states>
@@ -53,10 +55,11 @@
 
     <!-- Define a Panel container that defines the login form.-->
     <mx:Panel title="Login" title.register="Register" id="loginPanel" 
-        horizontalScrollPolicy="off" verticalScrollPolicy="off"
-        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+                               horizontalScrollPolicy="off" 
verticalScrollPolicy="off"
+                               paddingBottom="10" paddingTop="10" 
paddingLeft="10" paddingRight="10"
+                               height="100%" width="100%">
        
-        <mx:Text width="100%" color="blue"
+        <mx:Text width="100%"
             text="Click the 'Need to Register?' link to change state. Click 
the 'Return to Login' link to return to the base state."/>
 
         <mx:Form id="loginForm">

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/validators/CreditCardValidatorExample.mxml
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex3/src/mx/validators/CreditCardValidatorExample.mxml 
b/TourDeFlex/TourDeFlex3/src/mx/validators/CreditCardValidatorExample.mxml
index cbf97a5..044a310 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/validators/CreditCardValidatorExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/validators/CreditCardValidatorExample.mxml
@@ -17,9 +17,11 @@
   -->
 
 <!-- Simple example to demonstrate the CreditCardValidator. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009"; 
xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <fx:Script>
+<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>
         import mx.controls.Alert;
     </fx:Script>
 
@@ -38,12 +40,13 @@
                trigger="{myButton}" triggerEvent="click"
                cardTypeListener="{cardTypeCombo}"
                cardNumberListener="{cardNumberInput}"
-               valid="Alert.show('Validation Succeeded!');"/>
+               valid="Alert.show('Validation Succeeded!')"/>
        </fx:Declarations>
   
-    <mx:Panel title="CreditCardValidator Example" width="75%" height="75%" 
-        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
-
+    <mx:Panel title="CreditCardValidator Example"      
+                               paddingBottom="10" paddingTop="10" 
paddingLeft="10" paddingRight="10"
+                               height="100%" width="100%">
+               
         <mx:Form id="creditCardForm">
             <mx:FormItem label="Card Type">    
                 <mx:ComboBox id="cardTypeCombo">

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/validators/CurrencyValidatorExample.mxml
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex3/src/mx/validators/CurrencyValidatorExample.mxml 
b/TourDeFlex/TourDeFlex3/src/mx/validators/CurrencyValidatorExample.mxml
index d937c34..ed3ccbb 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/validators/CurrencyValidatorExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/validators/CurrencyValidatorExample.mxml
@@ -17,20 +17,23 @@
   -->
 
 <!-- Simple example to demonstrate the CurrencyValidator. -->
-<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:CurrencyValidator source="{priceUS}" property="text" 
precision="2" 
                trigger="{myButton}" triggerEvent="click" 
-               valid="Alert.show('Validation Succeeded!');"/>
+               valid="Alert.show('Validation Succeeded!')"/>
        </fx:Declarations>
 
-    <mx:Panel title="CurrencyValidator Example" width="75%" height="75%" 
-        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+    <mx:Panel title="CurrencyValidator Example"        
+                               paddingBottom="10" paddingTop="10" 
paddingLeft="10" paddingRight="10"
+                               height="100%" width="100%">
         
         <mx:Form>
             <mx:FormItem label="Enter a U.S. dollar amount: ">

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/validators/DateValidatorExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/validators/DateValidatorExample.mxml 
b/TourDeFlex/TourDeFlex3/src/mx/validators/DateValidatorExample.mxml
index 17293a9..3009147 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/validators/DateValidatorExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/validators/DateValidatorExample.mxml
@@ -17,9 +17,11 @@
   -->
 
 <!-- Simple example to demonstrate the DateValidator. -->
-<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>
 
@@ -32,11 +34,12 @@
        
            <mx:DateValidator source="{dob}" property="text" 
allowedFormatChars="/" 
                trigger="{myButton}" triggerEvent="click" 
-               valid="Alert.show('Validation Succeeded!');"/>
+               valid="Alert.show('Validation Succeeded!')"/>
        </fx:Declarations>
        
-    <mx:Panel title="DateValidator Example" width="75%" height="75%" 
-        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+    <mx:Panel title="DateValidator Example"    
+                               paddingBottom="10" paddingTop="10" 
paddingLeft="10" paddingRight="10"
+                               height="100%" width="100%">
 
         <mx:Form>
             <mx:FormItem label="Enter date of birth (mm/dd/yyyy): ">

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/validators/EmailValidatorExample.mxml
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex3/src/mx/validators/EmailValidatorExample.mxml 
b/TourDeFlex/TourDeFlex3/src/mx/validators/EmailValidatorExample.mxml
index 558971f..4ecd625 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/validators/EmailValidatorExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/validators/EmailValidatorExample.mxml
@@ -17,20 +17,23 @@
   -->
 
 <!-- Simple example to demonstrate the EmailValidator. -->
-<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:EmailValidator source="{email}" property="text" 
               trigger="{myButton}" triggerEvent="click"
-              valid="Alert.show('Validation Succeeded!');"/>
+              valid="Alert.show('Validation Succeeded!')"/>
        </fx:Declarations>
 
-   <mx:Panel title="EmailValidator Example" width="75%" height="75%" 
-        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+   <mx:Panel title="EmailValidator Example"    
+                               paddingBottom="10" paddingTop="10" 
paddingLeft="10" paddingRight="10"
+                               height="100%" width="100%">
 
         <mx:Form>
             <mx:FormItem label="Enter an e-mail address: ">

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/validators/NumberValidatorExample.mxml
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex3/src/mx/validators/NumberValidatorExample.mxml 
b/TourDeFlex/TourDeFlex3/src/mx/validators/NumberValidatorExample.mxml
index 979ce17..3d10ec3 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/validators/NumberValidatorExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/validators/NumberValidatorExample.mxml
@@ -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: ">

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/validators/PhoneNumberValidatorExample.mxml
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex3/src/mx/validators/PhoneNumberValidatorExample.mxml 
b/TourDeFlex/TourDeFlex3/src/mx/validators/PhoneNumberValidatorExample.mxml
index 309802b..8f9edaa 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/validators/PhoneNumberValidatorExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/validators/PhoneNumberValidatorExample.mxml
@@ -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 >

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/validators/RegExValidatorExample.mxml
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex3/src/mx/validators/RegExValidatorExample.mxml 
b/TourDeFlex/TourDeFlex3/src/mx/validators/RegExValidatorExample.mxml
index 8ee9cf9..6cbab18 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/validators/RegExValidatorExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/validators/RegExValidatorExample.mxml
@@ -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."/>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/validators/SimpleValidatorExample.mxml
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex3/src/mx/validators/SimpleValidatorExample.mxml 
b/TourDeFlex/TourDeFlex3/src/mx/validators/SimpleValidatorExample.mxml
index 120574e..e0986dd 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/validators/SimpleValidatorExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/validators/SimpleValidatorExample.mxml
@@ -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>
 

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/validators/SocialSecurityValidatorExample.mxml
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex3/src/mx/validators/SocialSecurityValidatorExample.mxml 
b/TourDeFlex/TourDeFlex3/src/mx/validators/SocialSecurityValidatorExample.mxml
index 92cd7cf..92c862c 100755
--- 
a/TourDeFlex/TourDeFlex3/src/mx/validators/SocialSecurityValidatorExample.mxml
+++ 
b/TourDeFlex/TourDeFlex3/src/mx/validators/SocialSecurityValidatorExample.mxml
@@ -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: ">

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/validators/StringValidatorExample.mxml
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex3/src/mx/validators/StringValidatorExample.mxml 
b/TourDeFlex/TourDeFlex3/src/mx/validators/StringValidatorExample.mxml
index 6e0e655..f04e5ca 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/validators/StringValidatorExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/validators/StringValidatorExample.mxml
@@ -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: ">

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/validators/ZipCodeValidatorExample.mxml
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex3/src/mx/validators/ZipCodeValidatorExample.mxml 
b/TourDeFlex/TourDeFlex3/src/mx/validators/ZipCodeValidatorExample.mxml
index b5375ef..aa193ca 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/validators/ZipCodeValidatorExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/validators/ZipCodeValidatorExample.mxml
@@ -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: ">

Reply via email to