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>