You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@flex.apache.org by jm...@apache.org on 2014/10/18 09:29:03 UTC
[5/9] FLEX-34485 make examples consistent
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>