Modified: flex/site/trunk/content/tourdeflex/spark/i18n/SparkNumberValidatorExample.mxml URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/i18n/SparkNumberValidatorExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== --- flex/site/trunk/content/tourdeflex/spark/i18n/SparkNumberValidatorExample.mxml (original) +++ flex/site/trunk/content/tourdeflex/spark/i18n/SparkNumberValidatorExample.mxml Sat Nov 29 07:19:59 2014 @@ -21,24 +21,6 @@ xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" width="100%" height="100%"> - <fx:Style> - @namespace s "library://ns.adobe.com/flex/spark"; - @namespace mx "library://ns.adobe.com/flex/mx"; - s|Label { - color: #FFFFFF; - font-weight: bold; - } - #titleL { - font-size: 20; - } - s|ComboBox { - alternating-item-colors: #424242; - } - - s|Form { - background-color: #424242; - } - </fx:Style> <fx:Script> <![CDATA[ @@ -51,54 +33,51 @@ ]]> </fx:Script> + <fx:Declarations> - <!-- Place non-visual elements (e.g., services, value objects) here --> - - <!--Click Tab key to validate the number--> <s:NumberValidator id="nv" source="{inputTI}" property="text"/> </fx:Declarations> - <s:layout> - <s:VerticalLayout/> - </s:layout> - <s:Scroller id="scroller" width="100%" height="100%"> - <s:Group> - <s:Form> - <s:Label id="titleL" text="Spark NumberValidator"/> - <s:Label text="Create some criterions and validate the input number: "/> - <s:Spacer height="15"/> - - <s:FormItem label="Locale:"> - <s:ComboBox id="localeCB" dataProvider="{locales}" selectedIndex="0" updateComplete="nv.setStyle('locale',localeCB.selectedItem);"/> - </s:FormItem> - <s:Label text="==================================================================="/> - <s:Label text=" Create some criterions to validate number:" color="#DEB887"/> - <s:FormItem label="Max Value:"> - <s:TextInput id="maxTI" change="nv.maxValue = Number(maxTI.text)"/> - </s:FormItem> - <s:FormItem label="Min Value:"> - <s:TextInput id="minTI" change="nv.minValue = Number(minTI.text)"/> - </s:FormItem> - <s:FormItem label="Fraction Digits:"> - <s:NumericStepper id="fdNS" maximum="5" minimum="0" change="nv.fractionalDigits = fdNS.value"/> - </s:FormItem> - <s:FormItem label="Decimal Separator:"> - <s:TextInput id="dsTI" change="nv.decimalSeparator = dsTI.text"/> - </s:FormItem> - <s:FormItem label="Grouping Separator:"> - <s:TextInput id="gsTI" change="nv.groupingSeparator = gsTI.text"/> - </s:FormItem> - <s:Label text=" Customize error messages:" color="#DEB887" - toolTip="Spark NumberValidator provide the ability to let user customize all the error messages."/> - <s:FormItem label="Greater Than Max Error:" toolTip="Error message when the value exceeds the max value."> - <s:TextInput id="gtmTI" change="nv.greaterThanMaxError = gtmTI.text"/> - </s:FormItem> - <s:Label text="==================================================================="/> - <s:FormItem label="Input a number and press TAB key to validate:"> - <s:TextInput id="inputTI"/> - </s:FormItem> - </s:Form> - </s:Group> - </s:Scroller> - - + + <s:Panel title="Spark NumberValidator" width="100%" height="100%"> + + <s:layout> + <s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10" /> + </s:layout> + + <s:Form height="100%" width="100%"> + <s:Label text="Create some criterions and validate the input number: "/> + <s:Spacer height="15"/> + + <s:FormItem label="Locale:"> + <s:ComboBox id="localeCB" dataProvider="{locales}" selectedIndex="0" updateComplete="nv.setStyle('locale',localeCB.selectedItem)"/> + </s:FormItem> + <s:Label text="==================================================================="/> + <s:Label text=" Create some criterions to validate number:" /> + <s:FormItem label="Max Value:"> + <s:TextInput id="maxTI" change="nv.maxValue = Number(maxTI.text)"/> + </s:FormItem> + <s:FormItem label="Min Value:"> + <s:TextInput id="minTI" change="nv.minValue = Number(minTI.text)"/> + </s:FormItem> + <s:FormItem label="Fraction Digits:"> + <s:NumericStepper id="fdNS" maximum="5" minimum="0" change="nv.fractionalDigits = fdNS.value"/> + </s:FormItem> + <s:FormItem label="Decimal Separator:"> + <s:TextInput id="dsTI" change="nv.decimalSeparator = dsTI.text"/> + </s:FormItem> + <s:FormItem label="Grouping Separator:"> + <s:TextInput id="gsTI" change="nv.groupingSeparator = gsTI.text"/> + </s:FormItem> + <s:Label text=" Customize error messages:" + toolTip="Spark NumberValidator provide the ability to let user customize all the error messages."/> + <s:FormItem label="Greater Than Max Error:" toolTip="Error message when the value exceeds the max value."> + <s:TextInput id="gtmTI" change="nv.greaterThanMaxError = gtmTI.text"/> + </s:FormItem> + <s:Label text="==================================================================="/> + <s:FormItem label="Input a number and press TAB key to validate:"> + <s:TextInput id="inputTI"/> + </s:FormItem> + </s:Form> + + </s:Panel> </s:Application>
Modified: flex/site/trunk/content/tourdeflex/spark/i18n/SparkNumberValidatorExample.swf URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/i18n/SparkNumberValidatorExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== Binary files - no diff available. Modified: flex/site/trunk/content/tourdeflex/spark/i18n/SparkSortandSortField2Example.mxml URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/i18n/SparkSortandSortField2Example.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== --- flex/site/trunk/content/tourdeflex/spark/i18n/SparkSortandSortField2Example.mxml (original) +++ flex/site/trunk/content/tourdeflex/spark/i18n/SparkSortandSortField2Example.mxml Sat Nov 29 07:19:59 2014 @@ -21,24 +21,6 @@ xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" width="100%" height="100%"> - <fx:Style> - @namespace s "library://ns.adobe.com/flex/spark"; - @namespace mx "library://ns.adobe.com/flex/mx"; - s|Label { - color: #FFFFFF; - font-weight: bold; - } - #titleL { - font-size: 20; - } - s|ComboBox, s|List { - alternating-item-colors: #424242; - } - - s|Form { - background-color: #424242; - } - </fx:Style> <fx:Script> <![CDATA[ import mx.collections.ArrayCollection; @@ -56,27 +38,30 @@ ]]> </fx:Script> + <fx:Declarations> - <!-- Place non-visual elements (e.g., services, value objects) here --> <s:Sort id="mySort" locale="{localeCB.selectedItem}"/> <s:SortField id="sortField" /> </fx:Declarations> - <s:Scroller width="100%" height="100%"> - <s:Group> - <s:Form> - <s:Label id="titleL" text="Spark Sort and SortField"/> - <s:Label text="Sort strings in List by using Spark Sort and SortField"/> - <s:Spacer height="15"/> - <s:FormItem label="Locale: "> - <s:ComboBox id="localeCB" dataProvider="{_locales}" selectedIndex="0"/> - </s:FormItem> - <s:FormItem label="List: "> - <s:List dataProvider="{employeeArrColl}"/> - </s:FormItem> - <s:FormItem> - <s:Button label="Click to sort" click="button1_clickHandler(event)"/> - </s:FormItem> - </s:Form> - </s:Group> - </s:Scroller> + + <s:Panel title="Spark Sort and SortField" width="100%" height="100%"> + + <s:layout> + <s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10" /> + </s:layout> + + <s:Form height="100%" width="100%"> + <s:Label text="Sort strings in List by using Spark Sort and SortField"/> + <s:Spacer height="15"/> + <s:FormItem label="Locale: "> + <s:ComboBox id="localeCB" dataProvider="{_locales}" selectedIndex="0"/> + </s:FormItem> + <s:FormItem label="List: "> + <s:List dataProvider="{employeeArrColl}"/> + </s:FormItem> + <s:FormItem> + <s:Button label="Click to sort" click="button1_clickHandler(event)"/> + </s:FormItem> + </s:Form> + </s:Panel> </s:Application> Modified: flex/site/trunk/content/tourdeflex/spark/i18n/SparkSortandSortField2Example.swf URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/i18n/SparkSortandSortField2Example.swf?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== Binary files - no diff available. Modified: flex/site/trunk/content/tourdeflex/spark/i18n/SparkSortandSortFieldExample.mxml URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/i18n/SparkSortandSortFieldExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== --- flex/site/trunk/content/tourdeflex/spark/i18n/SparkSortandSortFieldExample.mxml (original) +++ flex/site/trunk/content/tourdeflex/spark/i18n/SparkSortandSortFieldExample.mxml Sat Nov 29 07:19:59 2014 @@ -21,24 +21,6 @@ xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" width="100%" height="100%"> - <fx:Style> - @namespace s "library://ns.adobe.com/flex/spark"; - @namespace mx "library://ns.adobe.com/flex/mx"; - s|Label { - color: #FFFFFF; - font-weight: bold; - } - #titleL { - font-size: 20; - } - s|ComboBox { - alternating-item-colors: #424242; - } - - s|Form { - background-color: #424242; - } - </fx:Style> <fx:Script> <![CDATA[ @@ -69,8 +51,8 @@ } ]]> </fx:Script> + <fx:Declarations> - <!-- Place non-visual elements (e.g., services, value objects) here --> <s:Sort id="mySort" locale="{localeCB.selectedItem}"/> <s:SortField id="firstField" name="first"/> @@ -87,36 +69,39 @@ <fx:Object first="Torolf" last="Aaron" age="40"/> </s:ArrayCollection> </fx:Declarations> - <s:Scroller id="scroller" width="100%" height="100%"> - <s:Group> - <s:Form> - <s:Label id="titleL" text="Spark Sort and SortField"/> - <s:Label text="Select a locale to see the strings sorting result:"/> - <s:Spacer height="15"/> - - <s:FormItem label="Locale: "> - <s:ComboBox id="localeCB" dataProvider="{_locales}" selectedIndex="0"/> - </s:FormItem> - <s:Label text=" ==========================================================================="/> - <s:FormItem label="Sorting Priority:" toolTip="Click priority radio button to sort multiple columns"> - <s:RadioButton id="flaRB" groupName="priority" label="first name > last name > age" click="sortInOrder(1)"/> - <s:RadioButton id="lfaRB" groupName="priority" label="last name > first name > age" click="sortInOrder(2)"/> - <s:RadioButton id="alfRB" groupName="priority" label="age > first name > last name" click="sortInOrder(3)"/> - <s:RadioButton id="falRB" groupName="priority" label="first name > age > last name" click="sortInOrder(4)"/> - </s:FormItem> - <s:FormItem label="Employee Table:" toolTip="Click data grid column header to sort single one column"> - <s:DataGrid id="dg" dataProvider="{employeeArrColl}" width="100%"> - <s:columns> - <s:ArrayList> - <s:GridColumn dataField="first" headerText="First Name"/> - <s:GridColumn dataField="last" headerText="Last Name"/> - <s:GridColumn dataField="age" headerText="Age"/> - </s:ArrayList> - </s:columns> - </s:DataGrid> - </s:FormItem> - </s:Form> - </s:Group> - </s:Scroller> + <s:Panel title="Spark Sort and SortField" width="100%" height="100%"> + + <s:layout> + <s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10" /> + </s:layout> + + <s:Form height="100%" width="100%"> + <s:Label text="Select a locale to see the strings sorting result:"/> + <s:Spacer height="15"/> + + <s:FormItem label="Locale: "> + <s:ComboBox id="localeCB" dataProvider="{_locales}" selectedIndex="0"/> + </s:FormItem> + <s:Label text=" ==========================================================================="/> + <s:FormItem label="Sorting Priority:" toolTip="Click priority radio button to sort multiple columns"> + <s:RadioButton id="flaRB" groupName="priority" label="first name > last name > age" click="sortInOrder(1)"/> + <s:RadioButton id="lfaRB" groupName="priority" label="last name > first name > age" click="sortInOrder(2)"/> + <s:RadioButton id="alfRB" groupName="priority" label="age > first name > last name" click="sortInOrder(3)"/> + <s:RadioButton id="falRB" groupName="priority" label="first name > age > last name" click="sortInOrder(4)"/> + </s:FormItem> + <s:FormItem label="Employee Table:" toolTip="Click data grid column header to sort single one column"> + <s:DataGrid id="dg" dataProvider="{employeeArrColl}" width="100%"> + <s:columns> + <s:ArrayList> + <s:GridColumn dataField="first" headerText="First Name"/> + <s:GridColumn dataField="last" headerText="Last Name"/> + <s:GridColumn dataField="age" headerText="Age"/> + </s:ArrayList> + </s:columns> + </s:DataGrid> + </s:FormItem> + </s:Form> + + </s:Panel> </s:Application> Modified: flex/site/trunk/content/tourdeflex/spark/i18n/SparkSortandSortFieldExample.swf URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/i18n/SparkSortandSortFieldExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== Binary files - no diff available. Modified: flex/site/trunk/content/tourdeflex/spark/i18n/SparkStringToolsExample.mxml URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/i18n/SparkStringToolsExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== --- flex/site/trunk/content/tourdeflex/spark/i18n/SparkStringToolsExample.mxml (original) +++ flex/site/trunk/content/tourdeflex/spark/i18n/SparkStringToolsExample.mxml Sat Nov 29 07:19:59 2014 @@ -21,28 +21,6 @@ xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" width="100%" height="100%"> - <fx:Style> - @namespace s "library://ns.adobe.com/flex/spark"; - @namespace mx "library://ns.adobe.com/flex/mx"; - s|Label { - color: #FFFFFF; - font-weight: bold; - } - #titleL { - font-size: 20; - } - s|ComboBox { - alternating-item-colors: #424242; - } - - s|Form { - background-color: #424242; - } - - s|List { - alternating-item-colors: #424242; - } - </fx:Style> <fx:Script> <![CDATA[ import mx.collections.ArrayCollection; @@ -92,33 +70,33 @@ } ]]> </fx:Script> + <fx:Declarations> - <!-- Place non-visual elements (e.g., services, value objects) here --> <s:StringTools id="st"/> </fx:Declarations> - <s:layout> - <s:VerticalLayout/> - </s:layout> - <s:Scroller id="scroller" width="100%" height="100%"> - <s:Group> - <s:Form> - <s:Label id="titleL" text="Spark StringTools"/> - <s:Label text="Enter strings and find the case conversion result"/> - <s:Spacer height="15"/> - <s:FormItem label="Locales:"> - <s:ComboBox id="localesCB" dataProvider="{_locales}" selectedIndex="0" change="localesCB_changeHandler()"/> - </s:FormItem> - <s:FormItem label="Please enter a string:"> - <s:TextInput id="inputTI" width="380" text="{_initStr}" change="converString()"/> - </s:FormItem> - <s:FormItem label="ToLowerCase:"> - <s:Label id="lowerL"/> - </s:FormItem> - <s:FormItem label="ToUpperCase:"> - <s:Label id="upperL"/> - </s:FormItem> - </s:Form> - </s:Group> - </s:Scroller> + + <s:Panel title="Spark StringTools" width="100%" height="100%"> + + <s:layout> + <s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10" /> + </s:layout> + + <s:Form height="100%" width="100%"> + <s:Label text="Enter strings and find the case conversion result"/> + <s:Spacer height="15"/> + <s:FormItem label="Locales:"> + <s:ComboBox id="localesCB" dataProvider="{_locales}" selectedIndex="0" change="localesCB_changeHandler()"/> + </s:FormItem> + <s:FormItem label="Please enter a string:"> + <s:TextInput id="inputTI" width="380" text="{_initStr}" change="converString()"/> + </s:FormItem> + <s:FormItem label="ToLowerCase:"> + <s:Label id="lowerL"/> + </s:FormItem> + <s:FormItem label="ToUpperCase:"> + <s:Label id="upperL"/> + </s:FormItem> + </s:Form> + </s:Panel> </s:Application> Modified: flex/site/trunk/content/tourdeflex/spark/i18n/SparkStringToolsExample.swf URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/i18n/SparkStringToolsExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== Binary files - no diff available. Modified: flex/site/trunk/content/tourdeflex/spark/itemRenderers/ItemRenderer1Example.mxml URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/itemRenderers/ItemRenderer1Example.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== --- flex/site/trunk/content/tourdeflex/spark/itemRenderers/ItemRenderer1Example.mxml (original) +++ flex/site/trunk/content/tourdeflex/spark/itemRenderers/ItemRenderer1Example.mxml Sat Nov 29 07:19:59 2014 @@ -27,8 +27,6 @@ <![CDATA[ import mx.collections.XMLListCollection; - import skins.TDFPanelSkin; - [Bindable] private var employees:XMLListCollection; @@ -44,16 +42,16 @@ ]]> </fx:Script> - <s:Panel width="100%" height="100%" title="Custom Item Renderer with Animation" skinClass="skins.TDFPanelSkin"> + <s:Panel title="Custom Item Renderer with Animation" width="100%" height="100%"> <s:layout> - <s:HorizontalLayout paddingLeft="100" paddingRight="10" paddingTop="10" paddingBottom="10"/> + <s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10" /> </s:layout> <s:DataGroup dataProvider="{employees}" width="300" itemRenderer="renderers.ImageRenderer1"> <s:layout> <s:TileLayout horizontalGap="0" verticalGap="0"/> </s:layout> </s:DataGroup> - <s:Label color="0x323232" width="200" text="The item renderer on this DataGroup uses the Spark Animate to scale the image + <s:Label width="200" text="The item renderer on this DataGroup uses the Spark Animate to scale the image when hovered over each item. See the ImageRenderer1.mxml source for more information."/> </s:Panel> Modified: flex/site/trunk/content/tourdeflex/spark/itemRenderers/ItemRenderer1Example.swf URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/itemRenderers/ItemRenderer1Example.swf?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== Binary files - no diff available. Modified: flex/site/trunk/content/tourdeflex/spark/itemRenderers/ItemRenderer2Example.mxml URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/itemRenderers/ItemRenderer2Example.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== --- flex/site/trunk/content/tourdeflex/spark/itemRenderers/ItemRenderer2Example.mxml (original) +++ flex/site/trunk/content/tourdeflex/spark/itemRenderers/ItemRenderer2Example.mxml Sat Nov 29 07:19:59 2014 @@ -52,9 +52,9 @@ ]]> </fx:Script> - <s:Panel width="100%" height="100%" title="Custom Item Renderer with Animation" skinClass="skins.TDFPanelSkin"> + <s:Panel title="Custom Item Renderer with Animation" width="100%" height="100%"> <s:layout> - <s:HorizontalLayout paddingTop="2" paddingLeft="50" paddingRight="8"/> + <s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10" /> </s:layout> <s:DataGroup dataProvider="{employees}" width="440" itemRenderer="renderers.ImageRenderer2" horizontalCenter="0" verticalCenter="0"> @@ -62,7 +62,7 @@ <s:TileLayout /> </s:layout> </s:DataGroup> - <s:Label color="0x323232" width="200" text="The item renderer on this DataGroup uses effects to provide a + <s:Label width="200" text="The item renderer on this DataGroup uses effects to provide a Spark 3D rotation effect when hovered over each item. See the ImageRenderer2.mxml source for more information. This sample also shows the use of a special font for the text."/> </s:Panel> Modified: flex/site/trunk/content/tourdeflex/spark/itemRenderers/ItemRenderer2Example.swf URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/itemRenderers/ItemRenderer2Example.swf?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== Binary files - no diff available. Modified: flex/site/trunk/content/tourdeflex/spark/itemRenderers/ListItemRendererExample.mxml URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/itemRenderers/ListItemRendererExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== --- flex/site/trunk/content/tourdeflex/spark/itemRenderers/ListItemRendererExample.mxml (original) +++ flex/site/trunk/content/tourdeflex/spark/itemRenderers/ListItemRendererExample.mxml Sat Nov 29 07:19:59 2014 @@ -58,7 +58,7 @@ <s:Panel title="List Sample" width="100%" height="100%" - skinClass="skins.TDFPanelSkin"> + > <s:VGroup id="vGrp" horizontalCenter="0" top="3" width="80%" height="75%"> <s:HGroup verticalAlign="middle"> @@ -91,7 +91,7 @@ </s:VGroup> </s:HGroup> </s:VGroup> - <s:Label bottom="15" horizontalCenter="0" width="95%" verticalAlign="justify" color="#323232" + <s:Label bottom="15" horizontalCenter="0" width="95%" verticalAlign="justify" text="The Spark List control displays a list of data items. Its functionality is very similar to that of the SELECT form element in HTML. The user can select one or more items from the list. The List control automatically displays horizontal and vertical scroll bar when the list items do not fit Modified: flex/site/trunk/content/tourdeflex/spark/itemRenderers/ListItemRendererExample.swf URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/itemRenderers/ListItemRendererExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== Binary files - no diff available. Modified: flex/site/trunk/content/tourdeflex/spark/layouts/CustomLayoutAnimatedExample.mxml URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/layouts/CustomLayoutAnimatedExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== --- flex/site/trunk/content/tourdeflex/spark/layouts/CustomLayoutAnimatedExample.mxml (original) +++ flex/site/trunk/content/tourdeflex/spark/layouts/CustomLayoutAnimatedExample.mxml Sat Nov 29 07:19:59 2014 @@ -21,22 +21,8 @@ xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" xmlns:local="*" xmlns:layouts="layouts.*" - backgroundColor="0x323232" color="0xFFFFFF" initialize="init()"> - <fx:Style> - - @namespace s "library://ns.adobe.com/flex/spark"; - @namespace mx "library://ns.adobe.com/flex/mx"; - - - s|Application { - font-family: main; - font-size: 14; - } - - </fx:Style> - <fx:Script> <![CDATA[ import mx.collections.ArrayCollection; @@ -94,19 +80,26 @@ ]]> </fx:Script> - <s:HGroup verticalAlign="middle" paddingLeft="8" left="50" top="5"> - <s:Label text="Max Price:"/> - <s:HSlider id="priceSlider" minimum="0" maximum="1000" snapInterval="100" value="@{_maxPrice}" change="selectionChange()"/> - <mx:Spacer width="20"/> - <s:CheckBox label="Camera" selected="@{_camera}" change="selectionChange()"/> - <s:CheckBox label="Video" selected="@{_video}" change="selectionChange()"/> - <s:CheckBox label="Triband" selected="@{_triband}" change="selectionChange()"/> - </s:HGroup> - - <s:DataGroup dataProvider="{items}" itemRenderer="renderers.PhoneRenderer" top="50" left="0" right="0" horizontalCenter="0"> + <s:Panel title="Custom Layout Sample" width="100%" height="100%"> + <s:layout> - <layouts:FilteredTileLayout id="filterLayout" filteredItems="{filteredItems}" /> + <s:VerticalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10"/> </s:layout> - </s:DataGroup> - + + <s:HGroup> + <s:Label text="Max Price:"/> + <s:HSlider id="priceSlider" minimum="0" maximum="1000" snapInterval="100" value="@{_maxPrice}" change="selectionChange()"/> + <mx:Spacer width="20"/> + <s:CheckBox label="Camera" selected="@{_camera}" change="selectionChange()"/> + <s:CheckBox label="Video" selected="@{_video}" change="selectionChange()"/> + <s:CheckBox label="Triband" selected="@{_triband}" change="selectionChange()"/> + </s:HGroup> + + <s:DataGroup dataProvider="{items}" itemRenderer="renderers.PhoneRenderer" width="100%" height="100%"> + <s:layout> + <layouts:FilteredTileLayout id="filterLayout" filteredItems="{filteredItems}" /> + </s:layout> + </s:DataGroup> + + </s:Panel> </s:Application> Modified: flex/site/trunk/content/tourdeflex/spark/layouts/CustomLayoutAnimatedExample.swf URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/layouts/CustomLayoutAnimatedExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== Binary files - no diff available. Modified: flex/site/trunk/content/tourdeflex/spark/layouts/CustomLayoutFlickrWheelExample.mxml URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/layouts/CustomLayoutFlickrWheelExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== --- flex/site/trunk/content/tourdeflex/spark/layouts/CustomLayoutFlickrWheelExample.mxml (original) +++ flex/site/trunk/content/tourdeflex/spark/layouts/CustomLayoutFlickrWheelExample.mxml Sat Nov 29 07:19:59 2014 @@ -23,7 +23,7 @@ xmlns:my="*" minWidth="600" minHeight="350" applicationComplete="requestPhotos()" backgroundColor="0x323232"> - <fx:Script> + <fx:Script> <![CDATA[ import mx.collections.ArrayCollection; import mx.rpc.events.ResultEvent; @@ -54,30 +54,31 @@ result="photoHandler(event)" /> </fx:Declarations> - <s:layout> - <s:VerticalLayout paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10"/> - </s:layout> - - <s:HGroup verticalAlign="middle"> - <s:Label text="Flickr tags or search terms:" color="0xFFFFFF"/> - <s:TextInput id="searchTerms" - enter="requestPhotos()" text="bugs" /> - <s:Button label="Search" - click="requestPhotos()" /> - <!-- The slider to control the axis angle --> - <s:HSlider id="axisSlider" minimum="-90" maximum="90" - value="10" liveDragging="true" width="300"/> - </s:HGroup> - - <s:List width="700" height="225" - dataProvider="{photoFeed}" - itemRenderer="FlickrThumbnail" - id="theList"> + <s:Panel title="Image Wheel Sample" width="100%" height="100%"> + <s:layout> + <s:VerticalLayout paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10"/> + </s:layout> - <s:layout> - <my:WheelLayout gap="20" axisAngle="{axisSlider.value}"/> - </s:layout> - </s:List> - + <s:HGroup verticalAlign="middle"> + <s:Label text="Flickr tags or search terms:" color="0xFFFFFF"/> + <s:TextInput id="searchTerms" + enter="requestPhotos()" text="bugs" /> + <s:Button label="Search" + click="requestPhotos()" /> + <!-- The slider to control the axis angle --> + <s:HSlider id="axisSlider" minimum="-90" maximum="90" + value="10" liveDragging="true" width="300"/> + </s:HGroup> + + <s:List width="100%" height="100%" + dataProvider="{photoFeed}" + itemRenderer="FlickrThumbnail" + id="theList"> + + <s:layout> + <my:WheelLayout gap="20" axisAngle="{axisSlider.value}"/> + </s:layout> + </s:List> + </s:Panel> </s:Application> Modified: flex/site/trunk/content/tourdeflex/spark/layouts/CustomLayoutFlickrWheelExample.swf URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/layouts/CustomLayoutFlickrWheelExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== Binary files - no diff available. Modified: flex/site/trunk/content/tourdeflex/spark/layouts/CustomLayoutFlowExample.mxml URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/layouts/CustomLayoutFlowExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== --- flex/site/trunk/content/tourdeflex/spark/layouts/CustomLayoutFlowExample.mxml (original) +++ flex/site/trunk/content/tourdeflex/spark/layouts/CustomLayoutFlowExample.mxml Sat Nov 29 07:19:59 2014 @@ -22,7 +22,7 @@ xmlns:mx="library://ns.adobe.com/flex/halo" xmlns:my="*"> - <s:Panel width="100%" height="100%" title="Custom Layout - Flow Layout" skinClass="skins.TDFPanelSkin"> + <s:Panel width="100%" height="100%" title="Custom Layout - Flow Layout" > <s:layout> <s:VerticalLayout horizontalAlign="center" paddingTop="10" gap="10"/> Modified: flex/site/trunk/content/tourdeflex/spark/layouts/CustomLayoutFlowExample.swf URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/layouts/CustomLayoutFlowExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== Binary files - no diff available. Modified: flex/site/trunk/content/tourdeflex/spark/layouts/CustomLayoutHBaselineExample.mxml URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/layouts/CustomLayoutHBaselineExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== --- flex/site/trunk/content/tourdeflex/spark/layouts/CustomLayoutHBaselineExample.mxml (original) +++ flex/site/trunk/content/tourdeflex/spark/layouts/CustomLayoutHBaselineExample.mxml Sat Nov 29 07:19:59 2014 @@ -26,8 +26,6 @@ <![CDATA[ import mx.events.FlexEvent; - import skins.TDFPanelSkin; - protected function update(event:Event):void { globalBaseline.top = theLayout.actualBaseline; @@ -41,7 +39,7 @@ ]]> </fx:Script> - <s:Panel width="100%" height="100%" skinClass="skins.TDFPanelSkin" title="CustomLayout with HBaselineLayout"> + <s:Panel width="100%" height="100%" title="CustomLayout with HBaselineLayout"> <!-- Controls --> <s:HGroup left="14" top="5"> Modified: flex/site/trunk/content/tourdeflex/spark/layouts/CustomLayoutHBaselineExample.swf URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/layouts/CustomLayoutHBaselineExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== Binary files - no diff available. Modified: flex/site/trunk/content/tourdeflex/spark/layouts/FlickrThumbnail.mxml URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/layouts/FlickrThumbnail.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== --- flex/site/trunk/content/tourdeflex/spark/layouts/FlickrThumbnail.mxml (original) +++ flex/site/trunk/content/tourdeflex/spark/layouts/FlickrThumbnail.mxml Sat Nov 29 07:19:59 2014 @@ -21,7 +21,7 @@ xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" click="itemrenderer1_clickHandler(event)"> - <fx:Script> + <fx:Script> <![CDATA[ import spark.components.supportClasses.GroupBase; import spark.effects.Animate; Modified: flex/site/trunk/content/tourdeflex/spark/modules/Module1.swf URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/modules/Module1.swf?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== Binary files - no diff available. Modified: flex/site/trunk/content/tourdeflex/spark/modules/Module2.swf URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/modules/Module2.swf?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== Binary files - no diff available. Modified: flex/site/trunk/content/tourdeflex/spark/modules/ModuleExample.mxml URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/modules/ModuleExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== --- flex/site/trunk/content/tourdeflex/spark/modules/ModuleExample.mxml (original) +++ flex/site/trunk/content/tourdeflex/spark/modules/ModuleExample.mxml Sat Nov 29 07:19:59 2014 @@ -19,8 +19,7 @@ --> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"; xmlns:s="library://ns.adobe.com/flex/spark" - xmlns:mx="library://ns.adobe.com/flex/mx" - skinClass="TDFGradientBackgroundSkin"> + xmlns:mx="library://ns.adobe.com/flex/mx"> <fx:Script> <![CDATA[ @@ -69,11 +68,16 @@ <s:VerticalLayout horizontalAlign="center"/> </s:layout> - <mx:ApplicationControlBar dock="true" fillColors="[0x000000,0x323232]" fillAlphas="[1,1]" horizontalAlign="center"> + <s:Panel title="Module Sample" width="100%" height="100%"> + + <s:layout> + <s:VerticalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10" /> + </s:layout> + <s:Button label="Load Module 1" click="loadModule('module 1', './spark/modules/Module1.swf')"/> <s:Button label="Load Module 2" click="loadModule('module 2', './spark/modules/Module2.swf')"/> - </mx:ApplicationControlBar> - - <mx:HBox id="hBox" /> + <mx:HBox id="hBox" /> + + </s:Panel> </s:Application> \ No newline at end of file Modified: flex/site/trunk/content/tourdeflex/spark/modules/ModuleExample.swf URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/modules/ModuleExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== Binary files - no diff available. Modified: flex/site/trunk/content/tourdeflex/spark/other/BidirectionalBinding1Example.mxml URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/other/BidirectionalBinding1Example.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== --- flex/site/trunk/content/tourdeflex/spark/other/BidirectionalBinding1Example.mxml (original) +++ flex/site/trunk/content/tourdeflex/spark/other/BidirectionalBinding1Example.mxml Sat Nov 29 07:19:59 2014 @@ -25,8 +25,8 @@ <s:Panel width="100%" height="100%" title="Bidirectional Binding 1" horizontalCenter="0" - skinClass="skins.TDFPanelSkin"> - <s:Label top="10" left="15" verticalAlign="justify" color="#323232" width="200" + > + <s:Label top="10" left="15" verticalAlign="justify" width="200" text="Flex 4 interprets the @ binding syntax differently than Flex 3 in that it will now represent a two-way binding. In this example, the text2 TextInput is bound to text1 bidirectionally, so any change to the text2 value will also update the text1 value. "/> Modified: flex/site/trunk/content/tourdeflex/spark/other/BidirectionalBinding1Example.swf URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/other/BidirectionalBinding1Example.swf?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== Binary files - no diff available. Modified: flex/site/trunk/content/tourdeflex/spark/other/BidirectionalBinding2Example.mxml URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/other/BidirectionalBinding2Example.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== --- flex/site/trunk/content/tourdeflex/spark/other/BidirectionalBinding2Example.mxml (original) +++ flex/site/trunk/content/tourdeflex/spark/other/BidirectionalBinding2Example.mxml Sat Nov 29 07:19:59 2014 @@ -50,19 +50,16 @@ <local:Contact id="contact"/> </fx:Declarations> - <s:Panel width="100%" height="100%" skinClass="skins.TDFPanelSkin" title="TabBar Sample with Custom Skin and Bidirectional Binding" > - <s:TabBar id="tabs" left="8" y="2" dataProvider="{vs}" skinClass="skins.CustomTabBarSkin" cornerRadius="4"/> + <s:Panel width="100%" height="100%" title="TabBar Sample with Bidirectional Binding"> + + <s:layout> + <s:VerticalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10"/> + </s:layout> + + <s:TabBar id="tabs" dataProvider="{vs}" cornerRadius="4"/> <mx:ViewStack id="vs" width="95%" height="85%" left="8" y="23"> <s:NavigatorContent label="Contact Info" width="100%" height="100%"> - <s:BorderContainer borderColor="0xCC0000" width="100%" height="100%" borderWeight="2" cornerRadius="3" - dropShadowVisible="true"> - <!-- This background fill could also be specified in a custom skin to apply to other containers as well --> - <s:backgroundFill> - <s:LinearGradient rotation="90"> - <s:GradientEntry color="0xE2E2E2"/> - <s:GradientEntry color="0xCC0000" alpha=".5" /> - </s:LinearGradient> - </s:backgroundFill> + <s:BorderContainer width="100%" height="100%" dropShadowVisible="false"> <mx:Form id="contactForm" defaultButton="{submitBtn}" width="100%" height="100%"> <mx:FormItem label="Name:"> <s:TextInput id="nameTxt" text="@{contact.name}"/> @@ -86,14 +83,7 @@ </s:BorderContainer> </s:NavigatorContent> <s:NavigatorContent label="Contact List" width="100%" height="100%" > - <s:BorderContainer borderColor="0xCC0000" width="100%" height="100%" borderWeight="2" cornerRadius="3" - dropShadowVisible="true"> - <s:backgroundFill> - <s:LinearGradient rotation="90"> - <s:GradientEntry color="0xCC0000" /> - <s:GradientEntry color="0xE2E2E2" /> - </s:LinearGradient> - </s:backgroundFill> + <s:BorderContainer width="100%" height="100%" dropShadowVisible="false"> <mx:DataGrid id="dg" dataProvider="{contacts}" x="5" y="5" doubleClickEnabled="true" doubleClick="{tabs.selectedIndex=0}" itemClick="dg_itemClickHandler(event)"> <mx:columns> Modified: flex/site/trunk/content/tourdeflex/spark/other/BidirectionalBinding2Example.swf URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/other/BidirectionalBinding2Example.swf?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== Binary files - no diff available. Modified: flex/site/trunk/content/tourdeflex/spark/other/ControllingViewportExample.mxml URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/other/ControllingViewportExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== --- flex/site/trunk/content/tourdeflex/spark/other/ControllingViewportExample.mxml (original) +++ flex/site/trunk/content/tourdeflex/spark/other/ControllingViewportExample.mxml Sat Nov 29 07:19:59 2014 @@ -25,7 +25,12 @@ to be less than the size of the item you want to clip, and set the following parameters, where the scroll positions specify which part of the viewport to show (from container location 0,0)--> - <s:VGroup top="10" left="10"> + <s:Panel title="Controlling Viewport Sample" width="100%" height="100%"> + + <s:layout> + <s:VerticalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10" /> + </s:layout> + <s:Label text="This image is clipped with the viewport position set:"/> <s:Group width="100" height="100" horizontalScrollPosition="20" verticalScrollPosition="30" @@ -38,7 +43,7 @@ width="100" height="100" horizontalScrollPosition="20" verticalScrollPosition="30"> <s:BitmapImage source="@Embed(source='assets/ApacheFlexLogo.png')"/> </s:VGroup> - </s:Scroller> - </s:VGroup> - + </s:Scroller> + + </s:Panel> </s:Application> Modified: flex/site/trunk/content/tourdeflex/spark/other/ControllingViewportExample.swf URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/other/ControllingViewportExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== Binary files - no diff available. Modified: flex/site/trunk/content/tourdeflex/spark/other/Cursor1Example.mxml URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/other/Cursor1Example.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== --- flex/site/trunk/content/tourdeflex/spark/other/Cursor1Example.mxml (original) +++ flex/site/trunk/content/tourdeflex/spark/other/Cursor1Example.mxml Sat Nov 29 07:19:59 2014 @@ -19,8 +19,7 @@ --> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"; xmlns:s="library://ns.adobe.com/flex/spark" - xmlns:mx="library://ns.adobe.com/flex/mx" - skinClass="TDFGradientBackgroundSkin"> + xmlns:mx="library://ns.adobe.com/flex/mx"> <fx:Script> <![CDATA[ @@ -35,14 +34,7 @@ ]]> </fx:Script> - <s:layout> - <s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" /> - </s:layout> - - <s:Panel title="Cursor Management Samples" - width="600" height="100%" - color="0x000000" - borderAlpha="0.15"> + <s:Panel title="Cursor Management Samples" width="100%" height="100%"> <s:layout> <s:VerticalLayout horizontalAlign="center" @@ -50,7 +42,7 @@ paddingTop="10" paddingBottom="10"/> </s:layout> - <s:CheckBox id="toggle" label="Toggle Cursor" selected="false" color="0x000000" click="switchCursor();"/> + <s:CheckBox id="toggle" label="Toggle Cursor" selected="false" color="0x000000" click="switchCursor()"/> </s:Panel> Modified: flex/site/trunk/content/tourdeflex/spark/other/Cursor1Example.swf URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/other/Cursor1Example.swf?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== Binary files - no diff available. Modified: flex/site/trunk/content/tourdeflex/spark/other/Cursor2Example.mxml URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/other/Cursor2Example.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== --- flex/site/trunk/content/tourdeflex/spark/other/Cursor2Example.mxml (original) +++ flex/site/trunk/content/tourdeflex/spark/other/Cursor2Example.mxml Sat Nov 29 07:19:59 2014 @@ -19,8 +19,7 @@ --> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"; xmlns:s="library://ns.adobe.com/flex/spark" - xmlns:mx="library://ns.adobe.com/flex/mx" - skinClass="TDFGradientBackgroundSkin"> + xmlns:mx="library://ns.adobe.com/flex/mx"> <fx:Script> <![CDATA[ @@ -49,19 +48,10 @@ ]]> </fx:Script> - <s:layout> - <s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" /> - </s:layout> - - <s:Panel title="Cursor Management Samples" - width="600" height="100%" - color="0x000000" - borderAlpha="0.15"> + <s:Panel title="Cursor Management Samples" width="100%" height="100%"> <s:layout> - <s:HorizontalLayout horizontalAlign="center" - paddingLeft="10" paddingRight="10" - paddingTop="10" paddingBottom="10"/> + <s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10"/> </s:layout> <s:Button label="Normal Cursor" color="0x000000" click="setCursor('normal')"/> Modified: flex/site/trunk/content/tourdeflex/spark/other/Cursor2Example.swf URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/other/Cursor2Example.swf?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== Binary files - no diff available. Modified: flex/site/trunk/content/tourdeflex/spark/other/DragAndDrop1Example.mxml URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/other/DragAndDrop1Example.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== --- flex/site/trunk/content/tourdeflex/spark/other/DragAndDrop1Example.mxml (original) +++ flex/site/trunk/content/tourdeflex/spark/other/DragAndDrop1Example.mxml Sat Nov 29 07:19:59 2014 @@ -19,12 +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"> - - <s:layout> - <s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" /> - </s:layout> + xmlns:mx="library://ns.adobe.com/flex/mx"> <fx:Declarations> <s:ArrayList id="arr1"> @@ -38,15 +33,10 @@ </s:ArrayList> </fx:Declarations> - <s:Panel title="Drag and Drop Samples" - width="600" height="100%" - color="0x000000" - borderAlpha="0.15"> + <s:Panel title="Drag and Drop Samples" width="100%" height="100%"> <s:layout> - <s:HorizontalLayout horizontalAlign="center" - paddingLeft="10" paddingRight="10" - paddingTop="10" paddingBottom="10"/> + <s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10"/> </s:layout> <s:List allowMultipleSelection="true" dropEnabled="true" dragEnabled="true" dragMoveEnabled="true" Modified: flex/site/trunk/content/tourdeflex/spark/other/DragAndDrop1Example.swf URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/other/DragAndDrop1Example.swf?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== Binary files - no diff available. Modified: flex/site/trunk/content/tourdeflex/spark/other/DragAndDrop2Example.mxml URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/other/DragAndDrop2Example.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== --- flex/site/trunk/content/tourdeflex/spark/other/DragAndDrop2Example.mxml (original) +++ flex/site/trunk/content/tourdeflex/spark/other/DragAndDrop2Example.mxml Sat Nov 29 07:19:59 2014 @@ -19,8 +19,7 @@ --> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"; xmlns:s="library://ns.adobe.com/flex/spark" - xmlns:mx="library://ns.adobe.com/flex/mx" - skinClass="TDFGradientBackgroundSkin"> + xmlns:mx="library://ns.adobe.com/flex/mx"> <fx:Script> <![CDATA[ @@ -37,43 +36,47 @@ </s:ArrayList> </fx:Declarations> - <s:layout> - <s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" /> - </s:layout> - - <s:Panel title="Fruit" height="100%" color="0x000000" borderAlpha="0.15"> - <s:List height="100%" dragEnabled="true" color="0x000000" dataProvider="{arr1}" /> - </s:Panel> - - <s:Panel id="fruitDetails" title="drag fruit here" width="600" height="100%" - color="0x000000" - borderAlpha="0.15"> - + <s:Panel title="Drag and Drop Samples" width="100%" height="100%"> + <s:layout> - <s:VerticalLayout horizontalAlign="center" - paddingLeft="10" paddingRight="10" - paddingTop="10" paddingBottom="10"/> + <s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10" /> </s:layout> + + <s:Panel title="Fruit" width="100%" height="100%"> + + <s:layout> + <s:VerticalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10"/> + </s:layout> + + <s:List height="100%" dragEnabled="true" color="0x000000" dataProvider="{arr1}" /> + + </s:Panel> - <s:dragEnter> - if (event.dragSource.hasFormat('itemsByIndex')) - { - var dropTarget:Panel = event.currentTarget as Panel; - DragManager.acceptDragDrop(dropTarget); - } - </s:dragEnter> - <s:dragOver> - - </s:dragOver> - <s:dragDrop> - var data:Object = event.dragSource.dataForFormat('itemsByIndex'); - var p:Panel = new Panel(); - p.title = new String(data); - p.percentWidth = 100; - p.percentHeight = 25; - p.setStyle("color","black"); - fruitDetails.addElement(p); - </s:dragDrop> + <s:Panel id="fruitDetails" title="drag fruit here" width="100%" height="100%"> + + <s:layout> + <s:VerticalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10"/> + </s:layout> + + <s:dragEnter> + if (event.dragSource.hasFormat('itemsByIndex')) + { + var dropTarget:Panel = event.currentTarget as Panel; + DragManager.acceptDragDrop(dropTarget); + } + </s:dragEnter> + + <s:dragDrop> + var data:Object = event.dragSource.dataForFormat('itemsByIndex'); + var p:Panel = new Panel(); + p.title = new String(data); + p.percentWidth = 100; + p.percentHeight = 25; + p.setStyle("color","black"); + fruitDetails.addElement(p); + </s:dragDrop> + + </s:Panel> </s:Panel> </s:Application> \ No newline at end of file Modified: flex/site/trunk/content/tourdeflex/spark/other/DragAndDrop2Example.swf URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/other/DragAndDrop2Example.swf?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== Binary files - no diff available. Modified: flex/site/trunk/content/tourdeflex/spark/other/FilterExample.mxml URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/other/FilterExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== --- flex/site/trunk/content/tourdeflex/spark/other/FilterExample.mxml (original) +++ flex/site/trunk/content/tourdeflex/spark/other/FilterExample.mxml Sat Nov 29 07:19:59 2014 @@ -19,8 +19,7 @@ --> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"; xmlns:s="library://ns.adobe.com/flex/spark" - xmlns:mx="library://ns.adobe.com/flex/mx" - skinClass="TDFGradientBackgroundSkin" + xmlns:mx="library://ns.adobe.com/flex/mx" 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> Modified: flex/site/trunk/content/tourdeflex/spark/other/FilterExample.swf URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/other/FilterExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== Binary files - no diff available. Modified: flex/site/trunk/content/tourdeflex/spark/other/RepeaterExample.mxml URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/other/RepeaterExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== --- flex/site/trunk/content/tourdeflex/spark/other/RepeaterExample.mxml (original) +++ flex/site/trunk/content/tourdeflex/spark/other/RepeaterExample.mxml Sat Nov 29 07:19:59 2014 @@ -19,8 +19,7 @@ --> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"; xmlns:s="library://ns.adobe.com/flex/spark" - xmlns:mx="library://ns.adobe.com/flex/mx" - skinClass="TDFGradientBackgroundSkin"> + xmlns:mx="library://ns.adobe.com/flex/mx"> <fx:Script> <![CDATA[ @@ -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" Modified: flex/site/trunk/content/tourdeflex/spark/other/RepeaterExample.swf URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/other/RepeaterExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== Binary files - no diff available. Modified: flex/site/trunk/content/tourdeflex/spark/other/ScrollBarsExample.mxml URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/other/ScrollBarsExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== --- flex/site/trunk/content/tourdeflex/spark/other/ScrollBarsExample.mxml (original) +++ flex/site/trunk/content/tourdeflex/spark/other/ScrollBarsExample.mxml Sat Nov 29 07:19:59 2014 @@ -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> Modified: flex/site/trunk/content/tourdeflex/spark/other/ScrollBarsExample.swf URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/other/ScrollBarsExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== Binary files - no diff available. Modified: flex/site/trunk/content/tourdeflex/spark/skinning/ButtonWithIconExample.mxml URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/skinning/ButtonWithIconExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== --- flex/site/trunk/content/tourdeflex/spark/skinning/ButtonWithIconExample.mxml (original) +++ flex/site/trunk/content/tourdeflex/spark/skinning/ButtonWithIconExample.mxml Sat Nov 29 07:19:59 2014 @@ -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"> Modified: flex/site/trunk/content/tourdeflex/spark/skinning/ButtonWithIconExample.swf URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/skinning/ButtonWithIconExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== Binary files - no diff available. Modified: flex/site/trunk/content/tourdeflex/spark/skinning/SkinningApplication1Example.swf URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/skinning/SkinningApplication1Example.swf?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== Binary files - no diff available. Modified: flex/site/trunk/content/tourdeflex/spark/skinning/SkinningApplication2Example.swf URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/skinning/SkinningApplication2Example.swf?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== Binary files - no diff available. Modified: flex/site/trunk/content/tourdeflex/spark/skinning/SkinningApplication3Example.swf URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/skinning/SkinningApplication3Example.swf?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== Binary files - no diff available. Modified: flex/site/trunk/content/tourdeflex/spark/skinning/SkinningContainerExample.mxml URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/skinning/SkinningContainerExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== --- flex/site/trunk/content/tourdeflex/spark/skinning/SkinningContainerExample.mxml (original) +++ flex/site/trunk/content/tourdeflex/spark/skinning/SkinningContainerExample.mxml Sat Nov 29 07:19:59 2014 @@ -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" Modified: flex/site/trunk/content/tourdeflex/spark/skinning/SkinningContainerExample.swf URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/skinning/SkinningContainerExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== Binary files - no diff available. Modified: flex/site/trunk/content/tourdeflex/spark/states/AnimateShaderTransitionEffect.mxml URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/states/AnimateShaderTransitionEffect.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== --- flex/site/trunk/content/tourdeflex/spark/states/AnimateShaderTransitionEffect.mxml (original) +++ flex/site/trunk/content/tourdeflex/spark/states/AnimateShaderTransitionEffect.mxml Sat Nov 29 07:19:59 2014 @@ -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> Modified: flex/site/trunk/content/tourdeflex/spark/tlf/textEditBar/FileServices.mxml URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/tlf/textEditBar/FileServices.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== --- flex/site/trunk/content/tourdeflex/spark/tlf/textEditBar/FileServices.mxml (original) +++ flex/site/trunk/content/tourdeflex/spark/tlf/textEditBar/FileServices.mxml Sat Nov 29 07:19:59 2014 @@ -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> Modified: flex/site/trunk/content/tourdeflex/spark/tlf/textEditBar/GraphicBar.mxml URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/tlf/textEditBar/GraphicBar.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== --- flex/site/trunk/content/tourdeflex/spark/tlf/textEditBar/GraphicBar.mxml (original) +++ flex/site/trunk/content/tourdeflex/spark/tlf/textEditBar/GraphicBar.mxml Sat Nov 29 07:19:59 2014 @@ -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> Modified: flex/site/trunk/content/tourdeflex/spark/tlf/textEditBar/LinkBar.mxml URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/tlf/textEditBar/LinkBar.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== --- flex/site/trunk/content/tourdeflex/spark/tlf/textEditBar/LinkBar.mxml (original) +++ flex/site/trunk/content/tourdeflex/spark/tlf/textEditBar/LinkBar.mxml Sat Nov 29 07:19:59 2014 @@ -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> Modified: flex/site/trunk/content/tourdeflex/spark/validators/CreditCardValidatorExample.mxml URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/validators/CreditCardValidatorExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== --- flex/site/trunk/content/tourdeflex/spark/validators/CreditCardValidatorExample.mxml (original) +++ flex/site/trunk/content/tourdeflex/spark/validators/CreditCardValidatorExample.mxml Sat Nov 29 07:19:59 2014 @@ -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"/> Modified: flex/site/trunk/content/tourdeflex/spark/validators/CreditCardValidatorExample.swf URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/validators/CreditCardValidatorExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== Binary files - no diff available. Modified: flex/site/trunk/content/tourdeflex/spark/validators/CurrencyValidatorExample.mxml URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/validators/CurrencyValidatorExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== --- flex/site/trunk/content/tourdeflex/spark/validators/CurrencyValidatorExample.mxml (original) +++ flex/site/trunk/content/tourdeflex/spark/validators/CurrencyValidatorExample.mxml Sat Nov 29 07:19:59 2014 @@ -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> Modified: flex/site/trunk/content/tourdeflex/spark/validators/CurrencyValidatorExample.swf URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/validators/CurrencyValidatorExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== Binary files - no diff available. Modified: flex/site/trunk/content/tourdeflex/spark/validators/DateValidatorExample.mxml URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/validators/DateValidatorExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== --- flex/site/trunk/content/tourdeflex/spark/validators/DateValidatorExample.mxml (original) +++ flex/site/trunk/content/tourdeflex/spark/validators/DateValidatorExample.mxml Sat Nov 29 07:19:59 2014 @@ -19,8 +19,7 @@ --> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"; xmlns:s="library://ns.adobe.com/flex/spark" - xmlns:mx="library://ns.adobe.com/flex/mx" - skinClass="TDFGradientBackgroundSkin"> + xmlns:mx="library://ns.adobe.com/flex/mx"> <fx:Script> <![CDATA[ @@ -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> Modified: flex/site/trunk/content/tourdeflex/spark/validators/DateValidatorExample.swf URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/validators/DateValidatorExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== Binary files - no diff available. Modified: flex/site/trunk/content/tourdeflex/spark/validators/EmailValidatorExample.mxml URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/validators/EmailValidatorExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== --- flex/site/trunk/content/tourdeflex/spark/validators/EmailValidatorExample.mxml (original) +++ flex/site/trunk/content/tourdeflex/spark/validators/EmailValidatorExample.mxml Sat Nov 29 07:19:59 2014 @@ -19,8 +19,7 @@ --> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"; xmlns:s="library://ns.adobe.com/flex/spark" - xmlns:mx="library://ns.adobe.com/flex/mx" - skinClass="TDFGradientBackgroundSkin"> + xmlns:mx="library://ns.adobe.com/flex/mx"> <fx:Script> <![CDATA[ @@ -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> Modified: flex/site/trunk/content/tourdeflex/spark/validators/EmailValidatorExample.swf URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/validators/EmailValidatorExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== Binary files - no diff available. Modified: flex/site/trunk/content/tourdeflex/spark/validators/FormValidatorExample.mxml URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/validators/FormValidatorExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== --- flex/site/trunk/content/tourdeflex/spark/validators/FormValidatorExample.mxml (original) +++ flex/site/trunk/content/tourdeflex/spark/validators/FormValidatorExample.mxml Sat Nov 29 07:19:59 2014 @@ -19,8 +19,7 @@ --> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"; xmlns:s="library://ns.adobe.com/flex/spark" - xmlns:mx="library://ns.adobe.com/flex/mx" - skinClass="TDFGradientBackgroundSkin"> + xmlns:mx="library://ns.adobe.com/flex/mx"> <fx:Script> <![CDATA[ @@ -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> Modified: flex/site/trunk/content/tourdeflex/spark/validators/FormValidatorExample.swf URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/validators/FormValidatorExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== Binary files - no diff available. Modified: flex/site/trunk/content/tourdeflex/spark/validators/NumberValidatorExample.mxml URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/validators/NumberValidatorExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== --- flex/site/trunk/content/tourdeflex/spark/validators/NumberValidatorExample.mxml (original) +++ flex/site/trunk/content/tourdeflex/spark/validators/NumberValidatorExample.mxml Sat Nov 29 07:19:59 2014 @@ -19,8 +19,7 @@ --> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"; xmlns:s="library://ns.adobe.com/flex/spark" - xmlns:mx="library://ns.adobe.com/flex/mx" - skinClass="TDFGradientBackgroundSkin"> + xmlns:mx="library://ns.adobe.com/flex/mx"> <fx:Script> <![CDATA[ @@ -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> Modified: flex/site/trunk/content/tourdeflex/spark/validators/NumberValidatorExample.swf URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/validators/NumberValidatorExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== Binary files - no diff available. Modified: flex/site/trunk/content/tourdeflex/spark/validators/RegExpValidatorExample.mxml URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/validators/RegExpValidatorExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== --- flex/site/trunk/content/tourdeflex/spark/validators/RegExpValidatorExample.mxml (original) +++ flex/site/trunk/content/tourdeflex/spark/validators/RegExpValidatorExample.mxml Sat Nov 29 07:19:59 2014 @@ -19,8 +19,7 @@ --> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"; xmlns:s="library://ns.adobe.com/flex/spark" - xmlns:mx="library://ns.adobe.com/flex/mx" - skinClass="TDFGradientBackgroundSkin"> + xmlns:mx="library://ns.adobe.com/flex/mx"> <fx:Script> <![CDATA[ @@ -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> Modified: flex/site/trunk/content/tourdeflex/spark/validators/RegExpValidatorExample.swf URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/validators/RegExpValidatorExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== Binary files - no diff available. Modified: flex/site/trunk/content/tourdeflex/spark/validators/SocialSecurityValidatorExample.mxml URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/validators/SocialSecurityValidatorExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== --- flex/site/trunk/content/tourdeflex/spark/validators/SocialSecurityValidatorExample.mxml (original) +++ flex/site/trunk/content/tourdeflex/spark/validators/SocialSecurityValidatorExample.mxml Sat Nov 29 07:19:59 2014 @@ -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> Modified: flex/site/trunk/content/tourdeflex/spark/validators/SocialSecurityValidatorExample.swf URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/validators/SocialSecurityValidatorExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== Binary files - no diff available. Modified: flex/site/trunk/content/tourdeflex/spark/validators/StringValidatorExample.mxml URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/validators/StringValidatorExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== --- flex/site/trunk/content/tourdeflex/spark/validators/StringValidatorExample.mxml (original) +++ flex/site/trunk/content/tourdeflex/spark/validators/StringValidatorExample.mxml Sat Nov 29 07:19:59 2014 @@ -19,8 +19,7 @@ --> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"; xmlns:s="library://ns.adobe.com/flex/spark" - xmlns:mx="library://ns.adobe.com/flex/mx" - skinClass="TDFGradientBackgroundSkin"> + xmlns:mx="library://ns.adobe.com/flex/mx"> <fx:Script> <![CDATA[ @@ -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> Modified: flex/site/trunk/content/tourdeflex/spark/validators/StringValidatorExample.swf URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/validators/StringValidatorExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== Binary files - no diff available. Modified: flex/site/trunk/content/tourdeflex/spark/validators/ZipCodeValidatorExample.mxml URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/validators/ZipCodeValidatorExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== --- flex/site/trunk/content/tourdeflex/spark/validators/ZipCodeValidatorExample.mxml (original) +++ flex/site/trunk/content/tourdeflex/spark/validators/ZipCodeValidatorExample.mxml Sat Nov 29 07:19:59 2014 @@ -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> Modified: flex/site/trunk/content/tourdeflex/spark/validators/ZipCodeValidatorExample.swf URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/validators/ZipCodeValidatorExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff ============================================================================== Binary files - no diff available.
