You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@flex.apache.org by jm...@apache.org on 2014/11/29 08:20:30 UTC
svn commit: r1642397 [6/10] - in /flex/site/trunk/content/tourdeflex: ./
apache/ apache/containers/ apache/controls/ apache/formatters/ apache/i18n/
apache/validators/ mx/charts/ mx/containers/ mx/controls/ mx/core/
mx/effects/ mx/formatters/ mx/printi...
Modified: flex/site/trunk/content/tourdeflex/spark/controls/CustomDataGridSkin.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/CustomDataGridSkin.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/controls/CustomDataGridSkin.mxml (original)
+++ flex/site/trunk/content/tourdeflex/spark/controls/CustomDataGridSkin.mxml Sat Nov 29 07:19:59 2014
@@ -47,7 +47,7 @@
<!--- @private -->
<fx:Component id="alternatingRowColorsBackground">
<s:Rect implements="spark.components.gridClasses.IGridVisualElement">
- <fx:Script>
+ <fx:Script>
<![CDATA[
import spark.components.DataGrid;
import spark.components.Grid;
@@ -85,7 +85,7 @@
<!--- @private -->
<fx:Component id="caretIndicator">
<s:Rect implements="spark.components.gridClasses.IGridVisualElement">
- <fx:Script>
+ <fx:Script>
<![CDATA[
import spark.components.DataGrid;
import spark.components.Grid;
@@ -139,7 +139,7 @@
<!--- @private -->
<fx:Component id="hoverIndicator">
<s:Rect implements="spark.components.gridClasses.IGridVisualElement">
- <fx:Script>
+ <fx:Script>
<![CDATA[
import spark.components.DataGrid;
import spark.components.Grid;
@@ -178,7 +178,7 @@
<!--- @private -->
<fx:Component id="selectionIndicator">
<s:Rect implements="spark.components.gridClasses.IGridVisualElement">
- <fx:Script>
+ <fx:Script>
<![CDATA[
import spark.components.DataGrid;
import spark.components.Grid;
Modified: flex/site/trunk/content/tourdeflex/spark/controls/DataGridCustomRendererExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/DataGridCustomRendererExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/controls/DataGridCustomRendererExample.mxml (original)
+++ flex/site/trunk/content/tourdeflex/spark/controls/DataGridCustomRendererExample.mxml Sat Nov 29 07:19:59 2014
@@ -19,7 +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" minWidth="955" minHeight="600">
+ xmlns:mx="library://ns.adobe.com/flex/mx">
<fx:Script>
import mx.collections.ArrayList;
Modified: flex/site/trunk/content/tourdeflex/spark/controls/DataGridCustomRendererExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/DataGridCustomRendererExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.
Modified: flex/site/trunk/content/tourdeflex/spark/controls/DataGridCustomRendererPrepareExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/DataGridCustomRendererPrepareExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/controls/DataGridCustomRendererPrepareExample.mxml (original)
+++ flex/site/trunk/content/tourdeflex/spark/controls/DataGridCustomRendererPrepareExample.mxml Sat Nov 29 07:19:59 2014
@@ -19,7 +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" minWidth="955" minHeight="600">
+ xmlns:mx="library://ns.adobe.com/flex/mx">
<fx:Script>
import mx.collections.ArrayList;
Modified: flex/site/trunk/content/tourdeflex/spark/controls/DataGridCustomRendererPrepareExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/DataGridCustomRendererPrepareExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.
Modified: flex/site/trunk/content/tourdeflex/spark/controls/DataGridCustomSkinExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/DataGridCustomSkinExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.
Modified: flex/site/trunk/content/tourdeflex/spark/controls/DataGridExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/DataGridExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/controls/DataGridExample.mxml (original)
+++ flex/site/trunk/content/tourdeflex/spark/controls/DataGridExample.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:Declarations>
<fx:XMLList id="employees">
@@ -52,23 +51,15 @@
</fx:XMLList>
</fx:Declarations>
- <s:layout>
- <s:HorizontalLayout horizontalAlign="center" />
- </s:layout>
-
- <s:Panel title="DataGrid Control"
- color="0x000000"
- borderAlpha="0.15"
- width="600">
+ <s:Panel title="DataGrid Control" width="100%" height="100%">
<s:layout>
<s:VerticalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10"/>
</s:layout>
- <s:Label width="100%" color="0x323232"
- text="Select a row in the DataGrid control."/>
+ <s:Label width="100%" text="Select a row in the DataGrid control."/>
- <mx:DataGrid id="dg" color="0x323232" width="100%" rowCount="3" dataProvider="{employees}">
+ <mx:DataGrid id="dg" width="100%" rowCount="3" dataProvider="{employees}">
<mx:columns>
<mx:DataGridColumn dataField="name" headerText="Name"/>
<mx:DataGridColumn dataField="phone" headerText="Phone"/>
@@ -76,7 +67,7 @@
</mx:columns>
</mx:DataGrid>
- <mx:Form color="0x323232" width="100%" height="100%" paddingTop="0" paddingBottom="0" >
+ <mx:Form width="100%" height="100%" paddingTop="0" paddingBottom="0" >
<mx:FormItem label="Name" paddingTop="0" paddingBottom="0">
<s:Label text="{dg.selectedItem.name}"/>
Modified: flex/site/trunk/content/tourdeflex/spark/controls/DataGridExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/DataGridExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.
Modified: flex/site/trunk/content/tourdeflex/spark/controls/DataGridExample2.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/DataGridExample2.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.
Modified: flex/site/trunk/content/tourdeflex/spark/controls/DataGridSimpleColumnsExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/DataGridSimpleColumnsExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.
Modified: flex/site/trunk/content/tourdeflex/spark/controls/DataGridSimpleNoWrapExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/DataGridSimpleNoWrapExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.
Modified: flex/site/trunk/content/tourdeflex/spark/controls/DataGridSizingExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/DataGridSizingExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.
Modified: flex/site/trunk/content/tourdeflex/spark/controls/DataGroupExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/DataGroupExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/controls/DataGroupExample.mxml (original)
+++ flex/site/trunk/content/tourdeflex/spark/controls/DataGroupExample.mxml Sat Nov 29 07:19:59 2014
@@ -28,8 +28,6 @@
<![CDATA[
import mx.collections.ArrayCollection;
- import skins.TDFPanelSkin;
-
public function generateDataProvider(nItems:int = 10000):ArrayCollection {
var ac:ArrayCollection = new ArrayCollection();
@@ -55,9 +53,11 @@
]]>
</fx:Script>
- <s:Panel title="DataGroup with Virtual Layout"
- width="100%" height="100%"
- skinClass="skins.TDFPanelSkin">
+ <s:Panel title="DataGroup with Virtual Layout" width="100%" height="100%">
+
+ <s:layout>
+ <s:VerticalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10"/>
+ </s:layout>
<s:Scroller horizontalCenter="0" top="10">
<s:DataGroup width="600" height="123" clipAndEnableScrolling="true" dataProvider="{generateDataProvider(9000)}">
@@ -124,11 +124,11 @@
</s:itemRenderer>
</s:DataGroup>
</s:Scroller>
- <s:Label width="90%" horizontalCenter="0" color="#323232" bottom="40"
+ <s:Label width="90%" horizontalCenter="0" bottom="40"
text="Apache Flex DataGroups support virtualization. Virtualization is an optimization for layout and rendering
that reduces the footprint and startup time for containers with large numbers of items. This sample shows how
virtualization can be achieved by only creating enough objects for the items currently being displayed. The
useVirtualLayout property should be set on the layout object to achieve virtualization."/>
</s:Panel>
-</s:Application>
\ No newline at end of file
+</s:Application>
Modified: flex/site/trunk/content/tourdeflex/spark/controls/DataGroupExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/DataGroupExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.
Modified: flex/site/trunk/content/tourdeflex/spark/controls/DateChooserExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/DateChooserExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/controls/DateChooserExample.mxml (original)
+++ flex/site/trunk/content/tourdeflex/spark/controls/DateChooserExample.mxml Sat Nov 29 07:19:59 2014
@@ -20,8 +20,7 @@
<!-- Simple example to demonstrate DateChooser control. -->
<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[
@@ -41,38 +40,30 @@
<fx:Declarations>
<mx:DateFormatter id="df"/>
</fx:Declarations>
-
- <s:layout>
- <s:HorizontalLayout horizontalAlign="center" />
- </s:layout>
-
- <s:Panel title="DateChooser Control Example" color="0x000000"
- borderAlpha="0.15"
- width="600">
-
+
+ <s:Panel title="DateChooser Control Example" 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:VGroup>
<s:Label width="100%" color="0x000000" text="Simple DateChooser Control"/>
<mx:DateChooser id="dateChooser1" yearNavigationEnabled="true" height="145"
change="displayDate(DateChooser(event.target).selectedDate)" color="0x000000"/>
- <s:Label id="selection" color="0x323232" text="Date selected:"/>
+ <s:Label id="selection" text="Date selected:"/>
</s:VGroup>
<s:VGroup>
<s:Label width="100%" color="0x000000" text="Disable dates before Oct 31st, 2008"/>
<mx:DateChooser id="dateChooser2" yearNavigationEnabled="true" width="175" height="145"
disabledRanges="{[ {rangeEnd: new Date(2008, 9, 31)} ]}" color="0x000000"/>
- <s:Label color="0x323232" text="Date selected: {df.format(dateChooser2.selectedDate)}"/>
+ <s:Label text="Date selected: {df.format(dateChooser2.selectedDate)}"/>
</s:VGroup>
<s:VGroup width="30%">
- <mx:Text width="100%" color="0x323232" text="Select a date in the DateChooser control."/>
- <mx:Text width="100%" color="0x323232" text="Select it again while holding down the Control key to clear it."/>
+ <mx:Text width="100%" text="Select a date in the DateChooser control."/>
+ <mx:Text width="100%" text="Select it again while holding down the Control key to clear it."/>
</s:VGroup>
</s:Panel>
Modified: flex/site/trunk/content/tourdeflex/spark/controls/DateChooserExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/DateChooserExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.
Modified: flex/site/trunk/content/tourdeflex/spark/controls/DateFieldExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/DateFieldExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/controls/DateFieldExample.mxml (original)
+++ flex/site/trunk/content/tourdeflex/spark/controls/DateFieldExample.mxml Sat Nov 29 07:19:59 2014
@@ -20,8 +20,7 @@
<!-- Simple example to demonstrate the DateField control. -->
<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[
@@ -41,18 +40,10 @@
<mx:DateFormatter id="df"/>
</fx:Declarations>
- <s:layout>
- <s:HorizontalLayout horizontalAlign="center" />
- </s:layout>
-
- <s:Panel title="DateField Control Example" color="0x000000"
- borderAlpha="0.15"
- width="600">
-
+ <s:Panel title="DateField Control Example" 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:BorderContainer width="50%" borderColor="0xDCDCDC" height="100%" borderStyle="solid">
@@ -61,15 +52,15 @@
<s:VerticalLayout paddingBottom="5" paddingLeft="5" paddingRight="5" paddingTop="5"/>
</s:layout>
- <s:Label id="selection" color="0x323232" text="Date selected:" />
+ <s:Label id="selection" text="Date selected:" />
<mx:DateField id="dateField1" yearNavigationEnabled="true"
change="dateChanged(DateField(event.target).selectedDate)" color="0x000000"/>
- <s:Label color="0x000000" text="Basic DateField:"/>
+ <s:Label text="Basic DateField:"/>
- <s:Label width="100%" color="0x323232"
+ <s:Label width="100%"
text="Select a date in the DateField control. Select it again while holding down the Control key to clear it."/>
</s:BorderContainer>
@@ -80,12 +71,12 @@
<s:VerticalLayout paddingBottom="5" paddingLeft="5" paddingRight="5" paddingTop="5"/>
</s:layout>
- <s:Label color="0x323232" text="Date selected: {df.format(dateField2.selectedDate)}"/>
+ <s:Label text="Date selected: {df.format(dateField2.selectedDate)}"/>
<mx:DateField id="dateField2" yearNavigationEnabled="true"
disabledRanges="{[ {rangeEnd: new Date(2008, 9, 31)} ]}" color="0x000000"/>
- <s:Label color="0x000000" text="Disable dates on or before Oct 31, 2008."/>
+ <s:Label text="Disable dates on or before Oct 31, 2008."/>
</s:BorderContainer>
Modified: flex/site/trunk/content/tourdeflex/spark/controls/DateFieldExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/DateFieldExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.
Modified: flex/site/trunk/content/tourdeflex/spark/controls/DropdownExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/DropdownExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/controls/DropdownExample.mxml (original)
+++ flex/site/trunk/content/tourdeflex/spark/controls/DropdownExample.mxml Sat Nov 29 07:19:59 2014
@@ -66,13 +66,10 @@
]]>
</fx:Script>
- <!-- Note: A custom panel skin is used for the Tour de Flex samples and is included in the
- source tabs for each sample. -->
- <s:Panel title="DropDownList Sample"
- width="100%" height="100%"
- skinClass="skins.TDFPanelSkin">
+ <s:Panel title="DropDownList Sample" width="100%" height="100%">
+
<s:VGroup width="100%" height="100%" left="120" top="5">
- <s:Label text="RJ's Warehouse Price Checker" fontSize="18" color="0x014f9f"/>
+ <s:Label text="RJ's Warehouse Price Checker" fontSize="18" />
<s:DropDownList id="list1" width="50%" dataProvider="{depts}" labelField="label"
prompt="Select Category"
change="handleDepartmentSelected(event)"/>
@@ -81,7 +78,7 @@
<mx:Spacer height="10"/>
<s:Label fontSize="14" color="0x336699" text="The price of item: {list2.selectedItem.label} is: ${list1.selectedItem.data}" verticalAlign="bottom"/>
</s:VGroup>
- <s:Label top="10" right="10" width="250" verticalAlign="justify" color="#323232"
+ <s:Label top="10" right="10" width="250" verticalAlign="justify"
text="The DropDownList control contains a drop-down list from which the user can select a single value. Its functionality is very similar to that of the SELECT form element in HTML.
The DropDownList control consists of the anchor button, prompt area, and drop-down-list, Use the anchor button to open and close the drop-down-list. The prompt area displays a prompt String, or the selected item in the drop-down-list."/>
</s:Panel>
Modified: flex/site/trunk/content/tourdeflex/spark/controls/DropdownExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/DropdownExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.
Modified: flex/site/trunk/content/tourdeflex/spark/controls/FormExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/FormExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/controls/FormExample.mxml (original)
+++ flex/site/trunk/content/tourdeflex/spark/controls/FormExample.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:Declarations>
<fx:Model id="checkModel">
@@ -43,23 +42,14 @@
<mx:ZipCodeValidator source="{zip}" property="text"/>
</fx:Declarations>
-
-
- <s:layout>
- <s:HorizontalLayout horizontalAlign="center" />
- </s:layout>
- <s:Panel title="Form Container: Moving from one form field to another triggers the validator" color="0x000000"
- borderAlpha="0.15"
- width="600">
+ <s:Panel title="Form Container: Moving from one form field to another triggers the validator" 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>
- <mx:Form width="100%" color="0x323232" paddingTop="0">
+ <mx:Form width="100%" paddingTop="0">
<mx:FormHeading fontSize="10" label="Enter values into the form." paddingTop="0" />
<mx:FormItem label="First name">
Modified: flex/site/trunk/content/tourdeflex/spark/controls/FormExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/FormExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.
Modified: flex/site/trunk/content/tourdeflex/spark/controls/ImageExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/ImageExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/controls/ImageExample.mxml (original)
+++ flex/site/trunk/content/tourdeflex/spark/controls/ImageExample.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[
@@ -32,38 +31,26 @@
]]>
</fx:Script>
- <s:layout>
- <s:HorizontalLayout horizontalAlign="center" />
- </s:layout>
-
- <s:Panel title="Image Samples" color="0x000000"
- borderAlpha="0.15"
- width="600">
-
+ <s:Panel title="Image 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>
- <!--<mx:VBox width="100%" borderColor="0xACACAC" borderThickness="1" borderStyle="solid" horizontalAlign="center"
- paddingTop="5" paddingRight="5" paddingBottom="5" paddingLeft="5" >-->
- <s:BorderContainer width="50%" borderColor="0xACACAC" height="100%" borderStyle="solid">
-
+ <s:BorderContainer width="50%" height="100%">
<s:layout>
<s:VerticalLayout paddingBottom="5" paddingLeft="5" paddingRight="5" paddingTop="5"/>
</s:layout>
- <s:Label color="0x323232" text="Sample of image embeded at compile time." />
- <mx:Image id="embededImage" width="50%" height="50%" source="@Embed('assets/ApacheFlexLogo.png')" creationComplete="smoothImage(event);"/>
+ <s:Label text="Sample of image embeded at compile time." />
+ <mx:Image id="embededImage" width="50%" height="50%" source="@Embed('assets/ApacheFlexLogo.png')" creationComplete="smoothImage(event)"/>
</s:BorderContainer>
- <s:BorderContainer width="50%" borderColor="0xACACAC" height="100%" borderStyle="solid">
-
+ <s:BorderContainer width="50%" height="100%">
<s:layout>
<s:VerticalLayout paddingBottom="5" paddingLeft="5" paddingRight="5" paddingTop="5"/>
</s:layout>
- <s:Label color="0x323232" text="Sample of image loaded at run-time." />
- <mx:Image id="loadedImage" width="50%" height="50%" source="assets/ApacheFlexLogo.png" creationComplete="smoothImage(event);"/>
+ <s:Label text="Sample of image loaded at run-time." />
+ <mx:Image id="loadedImage" width="50%" height="50%" source="assets/ApacheFlexLogo.png" creationComplete="smoothImage(event)"/>
</s:BorderContainer>
</s:Panel>
Modified: flex/site/trunk/content/tourdeflex/spark/controls/ImageExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/ImageExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.
Modified: flex/site/trunk/content/tourdeflex/spark/controls/LinkBarExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/LinkBarExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/controls/LinkBarExample.mxml (original)
+++ flex/site/trunk/content/tourdeflex/spark/controls/LinkBarExample.mxml Sat Nov 29 07:19:59 2014
@@ -19,28 +19,21 @@
-->
<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">
- <s:layout>
- <s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
- </s:layout>
-
- <s:Panel title="LinkBar Control" width="600" height="100%"
- color="0x000000"
- borderAlpha="0.15">
+ <s:Panel title="LinkBar Control" width="100%" height="100%">
<s:layout>
<s:VerticalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10"/>
</s:layout>
- <s:Label width="100%" color="0x323232" textAlign="center"
+ <s:Label width="100%" textAlign="center"
text="Select a link in the LinkBar control to set the active child of the ViewStack container."/>
<mx:LinkBar color="0x0050AA" horizontalAlign="center" width="100%" fontWeight="bold" dataProvider="{myViewStack}" borderColor="0xACACAC" borderStyle="solid"/>
<!-- Define the ViewStack and the three child containers -->
- <mx:ViewStack id="myViewStack" borderStyle="solid" width="100%" height="80%" color="0x323232">
+ <mx:ViewStack id="myViewStack" borderStyle="solid" width="100%" height="80%">
<s:NavigatorContent id="search" label="Customer Info" backgroundColor="0xDCDCDC" fontWeight="bold">
<s:layout>
@@ -64,7 +57,7 @@
<s:HGroup>
<s:Label text="Email Address"/>
<s:TextInput id="email" width="200"/>
- <s:Button label="Submit" click="email.text='';" />
+ <s:Button label="Submit" click="email.text=''" />
</s:HGroup>
</s:NavigatorContent>
Modified: flex/site/trunk/content/tourdeflex/spark/controls/LinkBarExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/LinkBarExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.
Modified: flex/site/trunk/content/tourdeflex/spark/controls/LinkButtonExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/LinkButtonExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/controls/LinkButtonExample.mxml (original)
+++ flex/site/trunk/content/tourdeflex/spark/controls/LinkButtonExample.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,21 +27,13 @@
]]>
</fx:Script>
- <s:layout>
- <s:HorizontalLayout horizontalAlign="center" />
- </s:layout>
-
- <s:Panel title="LinkButton Sample" color="0x000000"
- borderAlpha="0.15"
- width="600">
-
+ <s:Panel title="LinkButton Sample" 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 color="0x323232" text="Sample of image embeded at compile time." />
+ <s:Label text="Sample of image embeded at compile time." />
<mx:LinkButton label="LinkButton Control" color="0x3380DD" click="{Alert.show('LinkButton Pressed');}"
textDecoration="underline" fontWeight="normal" icon="@Embed('assets/arrow_icon.png')" />
</s:Panel>
Modified: flex/site/trunk/content/tourdeflex/spark/controls/LinkButtonExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/LinkButtonExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.
Modified: flex/site/trunk/content/tourdeflex/spark/controls/ListDataPagingExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/ListDataPagingExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/controls/ListDataPagingExample.mxml (original)
+++ flex/site/trunk/content/tourdeflex/spark/controls/ListDataPagingExample.mxml Sat Nov 29 07:19:59 2014
@@ -20,7 +20,7 @@
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:local="*"
- initialize="loadSecurity();">
+ initialize="loadSecurity()">
<fx:Script>
<![CDATA[
Modified: flex/site/trunk/content/tourdeflex/spark/controls/ListDataPagingExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/ListDataPagingExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.
Modified: flex/site/trunk/content/tourdeflex/spark/controls/ListExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/ListExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/controls/ListExample.mxml (original)
+++ flex/site/trunk/content/tourdeflex/spark/controls/ListExample.mxml Sat Nov 29 07:19:59 2014
@@ -56,42 +56,43 @@
}
</fx:Style>
- <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">
- <s:Label text="Select items to add, price will be shown when added:"
- verticalAlign="bottom"/>
- </s:HGroup>
- <s:HGroup >
- <s:List id="myList" height="157" width="160"
- itemRenderer="MyListItemRenderer"
- change="itemIndexChangeHandler(event)">
- <s:dataProvider>
- <s:ArrayCollection>
- <local:Item name="Backpack" photo="assets/ApacheFlexLogo.png" price="29.99"/>
- <local:Item name="Boots" photo="assets/ApacheFlexLogo.png" price="69.99"/>
- <local:Item name="Compass" photo="assets/ApacheFlexLogo.png" price="12.99"/>
- <local:Item name="Goggles" photo="assets/ApacheFlexLogo.png" price="14.99"/>
- <local:Item name="Helmet" photo="assets/ApacheFlexLogo.png" price="47.99"/>
- </s:ArrayCollection>
- </s:dataProvider>
- </s:List>
- <s:TextArea id="ta" width="{myList.width}" height="{myList.height}"
- color="0xAE0A0A" fontWeight="bold"/>
- <s:VGroup>
- <mx:Spacer height="10"/>
- <s:Label text="Total of Items selected: {usdFormatter.format(this.totalPrice)}"/>
- <s:Button id="buyBtn" horizontalCenter="0" bottom="30" label="Buy Now!"
- fontWeight="bold"
- click="buyBtn_clickHandler(event)"/>
- <s:Label id="txtResponse"/>
- </s:VGroup>
- </s:HGroup>
- </s:VGroup>
- <s:Label bottom="15" horizontalCenter="0" width="95%" verticalAlign="justify" color="#323232"
+ <s:Panel title="List Sample" width="100%" height="100%">
+
+ <s:layout>
+ <s:VerticalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10"/>
+ </s:layout>
+
+ <s:HGroup verticalAlign="middle">
+ <s:Label text="Select items to add, price will be shown when added:"
+ verticalAlign="bottom"/>
+ </s:HGroup>
+ <s:HGroup>
+ <s:List id="myList" height="157" width="160"
+ itemRenderer="MyListItemRenderer"
+ change="itemIndexChangeHandler(event)">
+ <s:dataProvider>
+ <s:ArrayCollection>
+ <local:Item name="Backpack" photo="assets/ApacheFlexLogo.png" price="29.99"/>
+ <local:Item name="Boots" photo="assets/ApacheFlexLogo.png" price="69.99"/>
+ <local:Item name="Compass" photo="assets/ApacheFlexLogo.png" price="12.99"/>
+ <local:Item name="Goggles" photo="assets/ApacheFlexLogo.png" price="14.99"/>
+ <local:Item name="Helmet" photo="assets/ApacheFlexLogo.png" price="47.99"/>
+ </s:ArrayCollection>
+ </s:dataProvider>
+ </s:List>
+ <s:TextArea id="ta" width="{myList.width}" height="{myList.height}"
+ color="0xAE0A0A" fontWeight="bold"/>
+ <s:VGroup>
+ <mx:Spacer height="10"/>
+ <s:Label text="Total of Items selected: {usdFormatter.format(this.totalPrice)}"/>
+ <s:Button id="buyBtn" horizontalCenter="0" bottom="30" label="Buy Now!"
+ fontWeight="bold"
+ click="buyBtn_clickHandler(event)"/>
+ <s:Label id="txtResponse"/>
+ </s:VGroup>
+ </s:HGroup>
+
+ <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/controls/ListExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/ListExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.
Modified: flex/site/trunk/content/tourdeflex/spark/controls/MenuExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/MenuExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/controls/MenuExample.mxml (original)
+++ flex/site/trunk/content/tourdeflex/spark/controls/MenuExample.mxml Sat Nov 29 07:19:59 2014
@@ -26,8 +26,6 @@
import mx.events.FlexEvent;
import mx.events.MenuEvent;
- import skins.TDFPanelSkin;
-
protected var myMenu:Menu;
protected function showHandler(event:MouseEvent):void
@@ -74,14 +72,19 @@
</fx:XML>
</fx:Declarations>
- <s:Panel title="Menu Sample" width="100%" height="100%" skinClass="skins.TDFPanelSkin">
+ <s:Panel title="Menu Sample" width="100%" height="100%">
+
+ <s:layout>
+ <s:VerticalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10"/>
+ </s:layout>
+
<s:HGroup bottom="15" horizontalCenter="0" verticalAlign="middle">
<s:Button label="Show Menu" click="showHandler(event)" />
<s:Button label="Hide Menu" click="hideHandler(event)" />
- <s:Label text="Menu Item Selected:" fontWeight="bold" fontSize="12" color="0x336699"/>
+ <s:Label text="Menu Item Selected:" fontWeight="bold" />
<s:Label id="lblSelected" />
</s:HGroup>
- <s:Label width="220" color="#323232" top="15" right="50"
+ <s:Label width="220" top="15" right="50"
text="The Menu control is a pop-up control that contains a menu of individually selectable choices. You use ActionScript
to create a Menu control that pops up in response to a user action, typically as part of an event listener."/>
Modified: flex/site/trunk/content/tourdeflex/spark/controls/MenuExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/MenuExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.
Modified: flex/site/trunk/content/tourdeflex/spark/controls/NumericStepperExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/NumericStepperExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/controls/NumericStepperExample.mxml (original)
+++ flex/site/trunk/content/tourdeflex/spark/controls/NumericStepperExample.mxml Sat Nov 29 07:19:59 2014
@@ -46,46 +46,42 @@
</fx:Style>
- <!-- Note: A custom panel skin is used for the Tour de Flex samples and is included in the
- source tabs for each sample. -->
- <s:Panel title="NumericStepper Sample"
- width="100%" height="100%"
- skinClass="skins.TDFPanelSkin">
+ <s:Panel title="NumericStepper Sample" width="100%" height="100%">
+
+ <s:layout>
+ <s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10"/>
+ </s:layout>
- <s:HGroup left="15" top="10">
- <s:Label width="250" verticalAlign="justify" color="#323232"
- text="The NumericStepper control allows you to select a number from an
+ <s:Label width="250" verticalAlign="justify"
+ text="The NumericStepper control allows you to select a number from an
ordered set. The NumericStepper control consists of a single-line input text field and a pair of arrow buttons
for stepping through the valid values. You can use the Up Arrow and Down arrow keys to cycle through the values."/>
-
- <mx:Form >
- <mx:FormHeading id="formHead" label="Welcome to Ticket Grabber!"/>
- <mx:FormItem label="Name:">
- <s:TextInput id="nameTxt" widthInChars="20"/>
- </mx:FormItem>
- <mx:FormItem label="Address:">
- <s:TextArea widthInChars="20" heightInLines="2"/>
- </mx:FormItem>
- <mx:FormItem label="Phone:">
- <s:TextInput id="phoneTxt" widthInChars="20"/>
- </mx:FormItem>
- <mx:FormItem label="Select # of tickets:">
- <s:NumericStepper id="numStepper" width="55"
- value="0" snapInterval="2"/>
- </mx:FormItem>
- <mx:FormItem>
- <s:Button label="Buy Now!" click="clickHandler(event)"/>
- </mx:FormItem>
- <mx:FormItem>
- <s:Group>
- <s:Label id="responseText"/>
- </s:Group>
- </mx:FormItem>
- </mx:Form>
- </s:HGroup>
+ <mx:Form>
+ <mx:FormHeading id="formHead" label="Welcome to Ticket Grabber!"/>
+ <mx:FormItem label="Name:">
+ <s:TextInput id="nameTxt" widthInChars="20"/>
+ </mx:FormItem>
+ <mx:FormItem label="Address:">
+ <s:TextArea widthInChars="20" heightInLines="2"/>
+ </mx:FormItem>
+ <mx:FormItem label="Phone:">
+ <s:TextInput id="phoneTxt" widthInChars="20"/>
+ </mx:FormItem>
+ <mx:FormItem label="Select # of tickets:">
+ <s:NumericStepper id="numStepper" width="55"
+ value="0" snapInterval="2"/>
+ </mx:FormItem>
+ <mx:FormItem>
+ <s:Button label="Buy Now!" click="clickHandler(event)"/>
+ </mx:FormItem>
+ <mx:FormItem>
+ <s:Group>
+ <s:Label id="responseText"/>
+ </s:Group>
+ </mx:FormItem>
+ </mx:Form>
- </s:Panel>
-
+ </s:Panel>
</s:Application>
Modified: flex/site/trunk/content/tourdeflex/spark/controls/NumericStepperExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/NumericStepperExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.
Modified: flex/site/trunk/content/tourdeflex/spark/controls/OLAPDataGridExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/OLAPDataGridExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/controls/OLAPDataGridExample.mxml (original)
+++ flex/site/trunk/content/tourdeflex/spark/controls/OLAPDataGridExample.mxml Sat Nov 29 07:19:59 2014
@@ -19,9 +19,8 @@
-->
<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"
- creationComplete="creationCompleteHandler();">
+ xmlns:mx="library://ns.adobe.com/flex/mx"
+ creationComplete="creationCompleteHandler()">
<fx:Script>
<![CDATA[
@@ -178,12 +177,8 @@
]]>
</fx:Script>
- <s:layout>
- <s:HorizontalLayout horizontalAlign="center" />
- </s:layout>
-
<fx:Declarations>
- <mx:OLAPCube name="FlatSchemaCube" dataProvider="{flatData}" id="myMXMLCube" complete="runQuery(event);">
+ <mx:OLAPCube name="FlatSchemaCube" dataProvider="{flatData}" id="myMXMLCube" complete="runQuery(event)">
<mx:OLAPDimension name="CustomerDim">
<mx:OLAPAttribute name="Customer" dataField="customer"/>
<mx:OLAPHierarchy name="CustomerHier" hasAll="true">
@@ -213,17 +208,15 @@
- <s:Panel title="OLAPDataGrid Control" color="0x000000"
- borderAlpha="0.15"
- width="600">
-
+ <s:Panel title="OLAPDataGrid Control" width="100%" height="100%">
+
<s:layout>
<s:HorizontalLayout horizontalAlign="center"
paddingLeft="10" paddingRight="10"
paddingTop="10" paddingBottom="10"/>
</s:layout>
- <mx:OLAPDataGrid id="myOLAPDG" color="0x323232" width="100%" height="100%"/>
+ <mx:OLAPDataGrid id="myOLAPDG" width="100%" height="100%"/>
</s:Panel>
Modified: flex/site/trunk/content/tourdeflex/spark/controls/OLAPDataGridExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/OLAPDataGridExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.
Modified: flex/site/trunk/content/tourdeflex/spark/controls/OSMFExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/OSMFExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.
Modified: flex/site/trunk/content/tourdeflex/spark/controls/PopUpAnchor1Example.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/PopUpAnchor1Example.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/controls/PopUpAnchor1Example.mxml (original)
+++ flex/site/trunk/content/tourdeflex/spark/controls/PopUpAnchor1Example.mxml Sat Nov 29 07:19:59 2014
@@ -53,29 +53,33 @@
</s:LinearGradient>
</fx:Declarations>
- <s:Panel width="100%" height="100%" title="PopUpAnchor Sample" skinClass="skins.TDFPanelSkin">
- <s:HGroup horizontalCenter="0" top="5">
- <s:VGroup top="0">
- <s:Label width="200" height="200" color="0x323232"
- text="The PopUpAnchor control displays a pop-up component in a layout. It has
- no visual appearance, but it has dimensions. The PopUpAnchor control is used in the DropDownList and VolumeBar controls. The PopUpAnchor displays the pop-up component by adding it to the PopUpManager, and then sizes and positions the pop-up component relative to itself."/>
- <s:Label text=" Click the Information icon to see the PopUpAnchor in action."/>
- <mx:Spacer width="60"/>
- </s:VGroup>
- <s:VGroup>
- <mx:LinkButton label="Information" click="currentState = 'infoOpen'" icon="@Embed('iconinfo.gif')"/>
- <s:PopUpAnchor id="infoPopUp" left="0" bottom="0" popUpPosition="below"
- includeIn="infoOpen" displayPopUp.normal="false"
- displayPopUp.infoOpen="true">
- <s:BorderContainer cornerRadius="5" backgroundFill="{fill1}" height="160" width="180"
- dropShadowVisible="true">
- <s:Label horizontalCenter="0" top="20" width="170" height="155" color="0x323232"
- text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam laoreet urna fringilla risus fermentum sed aliquam lorem aliquam. Maecenas egestas, risus at adipiscing faucibus, nisl dui dignissim turpis, at consectetur magna erat in ligula."/>
-
- <s:Button top="2" right="2" width="16" height="16" skinClass="skins.CloseButtonSkin" click="handleClose(event)"/>
- </s:BorderContainer>
- </s:PopUpAnchor>
- </s:VGroup>
- </s:HGroup>
+ <s:Panel title="PopUpAnchor Sample" width="100%" height="100%">
+
+ <s:layout>
+ <s:VerticalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10"/>
+ </s:layout>
+
+ <s:VGroup top="0">
+ <s:Label width="200" height="200"
+ text="The PopUpAnchor control displays a pop-up component in a layout. It has
+ no visual appearance, but it has dimensions. The PopUpAnchor control is used in the DropDownList and VolumeBar controls. The PopUpAnchor displays the pop-up component by adding it to the PopUpManager, and then sizes and positions the pop-up component relative to itself."/>
+ <s:Label text=" Click the Information icon to see the PopUpAnchor in action."/>
+ <mx:Spacer width="60"/>
+ </s:VGroup>
+ <s:VGroup>
+ <mx:LinkButton label="Information" click="currentState = 'infoOpen'" icon="@Embed('iconinfo.gif')"/>
+ <s:PopUpAnchor id="infoPopUp" left="0" bottom="0" popUpPosition="below"
+ includeIn="infoOpen" displayPopUp.normal="false"
+ displayPopUp.infoOpen="true">
+ <s:BorderContainer cornerRadius="5" backgroundFill="{fill1}" height="160" width="180"
+ dropShadowVisible="true">
+ <s:Label horizontalCenter="0" top="20" width="170" height="155"
+ text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam laoreet urna fringilla risus fermentum sed aliquam lorem aliquam. Maecenas egestas, risus at adipiscing faucibus, nisl dui dignissim turpis, at consectetur magna erat in ligula."/>
+
+ <s:Button top="2" right="2" width="16" height="16" skinClass="skins.CloseButtonSkin" click="handleClose(event)"/>
+ </s:BorderContainer>
+ </s:PopUpAnchor>
+ </s:VGroup>
+
</s:Panel>
</s:Application>
Modified: flex/site/trunk/content/tourdeflex/spark/controls/PopUpAnchor1Example.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/PopUpAnchor1Example.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.
Modified: flex/site/trunk/content/tourdeflex/spark/controls/PopUpAnchor2Example.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/PopUpAnchor2Example.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/controls/PopUpAnchor2Example.mxml (original)
+++ flex/site/trunk/content/tourdeflex/spark/controls/PopUpAnchor2Example.mxml Sat Nov 29 07:19:59 2014
@@ -36,45 +36,45 @@
</mx:Transition>
</s:transitions>
- <s:Panel width="100%" height="100%"
- title="PopUpAnchor with Form"
- skinClass="skins.TDFPanelSkin">
+ <s:Panel title="PopUpAnchor with Form" width="100%" height="100%">
- <s:VGroup horizontalCenter="0" top="20">
- <s:HGroup>
- <mx:LinkButton label="Home" color="0x336699" click="currentState = 'normal'"/>
- <mx:LinkButton label="About" color="0x336699" click="currentState = 'aboutOpen'"/>
- <mx:LinkButton label="Information" color="0x336699" click="currentState = 'infoOpen'"/>
- <mx:LinkButton label="Contact Us" color="0x336699" click="currentState = 'emailOpen'"/>
- </s:HGroup>
- <s:BorderContainer id="border1" excludeFrom="emailOpen" width="290" height="200"
- backgroundColor="0x000000" color="0xFFFFFF" cornerRadius="7">
- <s:Label width="200" height="200" top="20" left="5"
- text.normal="Welcome to Tour de Flex!"
- text.aboutOpen="Tour de Flex is constantly being updated with more cool samples!"
- text.infoOpen="Check back for more Flex 4 samples weekly!"/>
- </s:BorderContainer>
- <s:PopUpAnchor id="emailPopUp" left="0" bottom="0" popUpPosition="below"
- includeIn="emailOpen" displayPopUp.normal="false" displayPopUp.emailOpen="true">
- <mx:Form id="form1" backgroundColor="0x000000" color="0xFFFFFF">
- <mx:FormItem label="From :">
- <s:TextInput/>
- </mx:FormItem>
- <mx:FormItem label="To :">
- <s:TextInput/>
- </mx:FormItem>
- <mx:FormItem label="Subject :">
- <s:TextInput/>
- </mx:FormItem>
- <mx:FormItem label="Message :">
- <s:TextArea width="100%" height="60" maxChars="60"/>
- </mx:FormItem>
- <mx:FormItem direction="horizontal">
- <s:Button label="Send" click="currentState = 'normal'" color="0x000000"/>
- <s:Button label="Cancel" click="currentState = 'normal'" color="0x000000"/>
- </mx:FormItem>
- </mx:Form>
- </s:PopUpAnchor>
- </s:VGroup>
+ <s:layout>
+ <s:VerticalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10"/>
+ </s:layout>
+
+ <s:HGroup>
+ <mx:LinkButton label="Home" color="0x336699" click="currentState = 'normal'"/>
+ <mx:LinkButton label="About" color="0x336699" click="currentState = 'aboutOpen'"/>
+ <mx:LinkButton label="Information" color="0x336699" click="currentState = 'infoOpen'"/>
+ <mx:LinkButton label="Contact Us" color="0x336699" click="currentState = 'emailOpen'"/>
+ </s:HGroup>
+ <s:BorderContainer id="border1" excludeFrom="emailOpen" width="290" height="200"
+ backgroundColor="0x000000" color="0xFFFFFF" cornerRadius="7">
+ <s:Label width="200" height="200" top="20" left="5"
+ text.normal="Welcome to Tour de Flex!"
+ text.aboutOpen="Tour de Flex is constantly being updated with more cool samples!"
+ text.infoOpen="Check back for more Flex 4 samples weekly!"/>
+ </s:BorderContainer>
+ <s:PopUpAnchor id="emailPopUp" left="0" bottom="0" popUpPosition="below"
+ includeIn="emailOpen" displayPopUp.normal="false" displayPopUp.emailOpen="true">
+ <mx:Form id="form1" backgroundColor="0x000000" color="0xFFFFFF">
+ <mx:FormItem label="From :">
+ <s:TextInput/>
+ </mx:FormItem>
+ <mx:FormItem label="To :">
+ <s:TextInput/>
+ </mx:FormItem>
+ <mx:FormItem label="Subject :">
+ <s:TextInput/>
+ </mx:FormItem>
+ <mx:FormItem label="Message :">
+ <s:TextArea width="100%" height="60" maxChars="60"/>
+ </mx:FormItem>
+ <mx:FormItem direction="horizontal">
+ <s:Button label="Send" click="currentState = 'normal'" color="0x000000"/>
+ <s:Button label="Cancel" click="currentState = 'normal'" color="0x000000"/>
+ </mx:FormItem>
+ </mx:Form>
+ </s:PopUpAnchor>
</s:Panel>
</s:Application>
Modified: flex/site/trunk/content/tourdeflex/spark/controls/PopUpAnchor2Example.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/PopUpAnchor2Example.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.
Modified: flex/site/trunk/content/tourdeflex/spark/controls/PopupButtonExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/PopupButtonExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/controls/PopupButtonExample.mxml (original)
+++ flex/site/trunk/content/tourdeflex/spark/controls/PopupButtonExample.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[
@@ -55,13 +54,7 @@
]]>
</fx:Script>
- <s:layout>
- <s:HorizontalLayout horizontalAlign="center" />
- </s:layout>
-
- <s:Panel title="PopUpButton Control" color="0x000000"
- borderAlpha="0.15"
- width="600">
+ <s:Panel title="PopUpButton Control" width="100%" height="100%">
<s:layout>
<s:VerticalLayout horizontalAlign="center"
@@ -69,13 +62,13 @@
paddingTop="10" paddingBottom="10"/>
</s:layout>
- <s:Label width="100%" color="0x323232"
+ <s:Label width="100%"
text="Button label contains the name of the last selected menu item." />
- <mx:PopUpButton id="popB" label="Edit" creationComplete="initMenu();" width="140" color="0x323232" click="{Alert.show('Action: ' + popB.label);}" />
+ <mx:PopUpButton id="popB" label="Edit" creationComplete="initMenu()" width="140" click="{Alert.show('Action: ' + popB.label);}" />
<mx:Spacer height="65" />
- <s:TextInput id="popTypeB" color="0x323232" text="...waiting" />
+ <s:TextInput id="popTypeB" text="...waiting" />
</s:Panel>
Modified: flex/site/trunk/content/tourdeflex/spark/controls/PopupButtonExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/PopupButtonExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.
Modified: flex/site/trunk/content/tourdeflex/spark/controls/ProgressBarExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/ProgressBarExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/controls/ProgressBarExample.mxml (original)
+++ flex/site/trunk/content/tourdeflex/spark/controls/ProgressBarExample.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,19 @@
}
]]>
</fx:Script>
-
- <s:layout>
- <s:HorizontalLayout horizontalAlign="center" />
- </s:layout>
- <s:Panel title="ProgressBar Control" color="0x000000"
- borderAlpha="0.15"
- width="600">
+ <s:Panel title="ProgressBar Control" 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"
+ <s:Label width="100%"
text="Click the button to increment the progress bar." />
- <s:Button id="Speed" label="Run" click="runit();" color="0x323232"/>
+ <s:Button id="Speed" label="Run" click="runit()"/>
<mx:ProgressBar id="bar" labelPlacement="bottom" minimum="0" visible="true" maximum="100"
- color="0x323232" label="CurrentProgress 0%" direction="right" mode="manual" width="100%"/>
+ label="CurrentProgress 0%" direction="right" mode="manual" width="100%"/>
</s:Panel>
Modified: flex/site/trunk/content/tourdeflex/spark/controls/ProgressBarExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/ProgressBarExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.
Modified: flex/site/trunk/content/tourdeflex/spark/controls/RadioButtonExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/RadioButtonExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/controls/RadioButtonExample.mxml (original)
+++ flex/site/trunk/content/tourdeflex/spark/controls/RadioButtonExample.mxml Sat Nov 29 07:19:59 2014
@@ -54,13 +54,13 @@
</fx:Style>
- <!-- Note: A custom panel skin is used for the Tour de Flex samples and is included in the
- source tabs for each sample. -->
- <s:Panel title="RadioButton Sample"
- width="100%" height="100%"
- skinClass="skins.TDFPanelSkin">
+ <s:Panel title="RadioButton Sample" width="100%" height="100%">
- <s:HGroup horizontalCenter="0" top="10">
+ <s:layout>
+ <s:VerticalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10"/>
+ </s:layout>
+
+ <s:HGroup>
<s:VGroup>
<s:Label text="1) The sky is blue:"/>
<s:RadioButton id="trueRadioBtn" label="True" groupName="group1"/>
@@ -84,8 +84,8 @@
</s:VGroup>
</s:HGroup>
- <s:Label bottom="20" left="5" width="100%" verticalAlign="justify" color="#323232"
- text="The RadioButton control is a single choice in a set of mutually
+ <s:Label width="100%" verticalAlign="justify"
+ text="The RadioButton control is a single choice in a set of mutually
exclusive choices. A RadioButton group is composed of two or more RadioButton controls with
the same group name. Only one member of the group can be selected at any given time." />
</s:Panel>
Modified: flex/site/trunk/content/tourdeflex/spark/controls/RadioButtonExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/RadioButtonExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.
Modified: flex/site/trunk/content/tourdeflex/spark/controls/RichEditableTextExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/RichEditableTextExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/controls/RichEditableTextExample.mxml (original)
+++ flex/site/trunk/content/tourdeflex/spark/controls/RichEditableTextExample.mxml Sat Nov 29 07:19:59 2014
@@ -20,7 +20,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"
- preinitialize="init();">
+ preinitialize="init()">
<!-- Based on samples from Peter DeHaan's blog: http://blog.flexexamples.com/ -->
@@ -59,17 +59,12 @@
TextFlow.defaultConfiguration = cfg;
}
</fx:Script>
- <fx:Style>
- @namespace s "library://ns.adobe.com/flex/spark";
- @namespace mx "library://ns.adobe.com/flex/mx";
+
+ <s:Panel title="RichEditableText Sample" width="100%" height="100%">
- s|VGroup s|Label {
- fontWeight: "bold";
- }
- </fx:Style>
- <s:Panel width="100%" height="100%"
- skinClass="skins.TDFPanelSkin"
- title="RichEditableText Sample">
+ <s:layout>
+ <s:VerticalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10"/>
+ </s:layout>
<s:VGroup id="vgrp" width="100%" height="100%" top="10" left="15">
<s:HGroup>
@@ -83,7 +78,7 @@
<s:HGroup>
<s:Label text="Editable text:"/>
<s:RichEditableText id="richEdTxt" widthInChars="20" heightInLines="10"
- change="richEdTxt_changeHandler(event);" backgroundColor="0xCCCCCC" text="Hello world!">
+ change="richEdTxt_changeHandler(event)" backgroundColor="0xCCCCCC" text="Hello world!">
</s:RichEditableText>
</s:HGroup>
<s:HGroup>
@@ -92,7 +87,7 @@
</s:HGroup>
</s:VGroup>
- <s:Label width="266" height="180" right="10" top="38" color="0x323232" text="RichEditableText is a low-level UIComponent for displaying, scrolling, selecting, and editing richly-formatted text.
+ <s:Label width="266" height="180" right="10" top="38" text="RichEditableText is a low-level UIComponent for displaying, scrolling, selecting, and editing richly-formatted text.
The rich text can contain clickable hyperlinks and inline graphics that are either embedded or loaded from URLs. RichEditableText does not have scrollbars, but it implements
the IViewport interface for programmatic scrolling so that it can be controlled by a Scroller, which does provide scrollbars. It also supports vertical scrolling with the mouse wheel." />
</s:Panel>
Modified: flex/site/trunk/content/tourdeflex/spark/controls/RichEditableTextExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/RichEditableTextExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.
Modified: flex/site/trunk/content/tourdeflex/spark/controls/SWFLoaderExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/SWFLoaderExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/controls/SWFLoaderExample.mxml (original)
+++ flex/site/trunk/content/tourdeflex/spark/controls/SWFLoaderExample.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>
@@ -34,21 +33,13 @@
]]>
</fx:Script>
- <s:layout>
- <s:HorizontalLayout horizontalAlign="center" />
- </s:layout>
-
- <s:Panel title="SWFLoader Control" color="0x000000"
- borderAlpha="0.15"
- width="600">
-
+ <s:Panel title="SWFLoader Control" 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 id="txt" color="0x323232" fontWeight="bold" text="Flash content embedded at compile time | 10 gumballs left" />
+ <s:Label id="txt" fontWeight="bold" text="Flash content embedded at compile time | 10 gumballs left" />
<mx:SWFLoader id="swfObj" source="@Embed('assets/swf_sample.swf')" />
</s:Panel>
Modified: flex/site/trunk/content/tourdeflex/spark/controls/SampleHelpFormExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/SampleHelpFormExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/controls/SampleHelpFormExample.mxml (original)
+++ flex/site/trunk/content/tourdeflex/spark/controls/SampleHelpFormExample.mxml Sat Nov 29 07:19:59 2014
@@ -19,26 +19,33 @@
-->
<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" backgroundColor="haloSilver" fontSize="14">
-
- <s:Form horizontalCenter="0">
- <s:FormItem label="Enter some text">
- <s:TextInput/>
- <s:helpContent>
- <s:Label text="I've fallen and I can't get up!"/>
- </s:helpContent>
- </s:FormItem>
- <s:FormItem label="Check a box">
- <s:CheckBox label="option 1"/>
- <s:CheckBox label="option 2"/>
- <s:helpContent>
- <s:Label text="What does it mean?"/>
- <s:Button label="?" width="30" x="120"/>
- </s:helpContent>
- </s:FormItem>
- <s:FormItem>
- <s:Button label="Submit!"/>
- </s:FormItem>
- </s:Form>
+ xmlns:mx="library://ns.adobe.com/flex/mx">
+ <s:Panel title="Form Sample" width="100%" height="100%">
+
+ <s:layout>
+ <s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10" />
+ </s:layout>
+
+ <s:Form>
+ <s:FormItem label="Enter some text">
+ <s:TextInput/>
+ <s:helpContent>
+ <s:Label text="I've fallen and I can't get up!"/>
+ </s:helpContent>
+ </s:FormItem>
+ <s:FormItem label="Check a box">
+ <s:CheckBox label="option 1"/>
+ <s:CheckBox label="option 2"/>
+ <s:helpContent>
+ <s:Label text="What does it mean?"/>
+ <s:Button label="?" width="30" x="120"/>
+ </s:helpContent>
+ </s:FormItem>
+ <s:FormItem>
+ <s:Button label="Submit!"/>
+ </s:FormItem>
+ </s:Form>
+
+ </s:Panel>
</s:Application>
\ No newline at end of file
Modified: flex/site/trunk/content/tourdeflex/spark/controls/SampleHelpFormExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/SampleHelpFormExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.
Modified: flex/site/trunk/content/tourdeflex/spark/controls/SampleSequenceFormExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/SampleSequenceFormExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/controls/SampleSequenceFormExample.mxml (original)
+++ flex/site/trunk/content/tourdeflex/spark/controls/SampleSequenceFormExample.mxml Sat Nov 29 07:19:59 2014
@@ -19,19 +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" backgroundColor="haloSilver" fontSize="14">
-
- <s:Form horizontalCenter="0">
- <s:FormItem sequenceLabel="1." label="Enter some text">
- <s:TextInput/>
- </s:FormItem>
- <s:FormItem sequenceLabel="2." label="Check a box">
- <s:CheckBox label="option 1"/>
- <s:CheckBox label="option 2"/>
- </s:FormItem>
- <s:FormItem>
- <s:Button label="Submit it!"/>
- </s:FormItem>
- </s:Form>
-
+ xmlns:mx="library://ns.adobe.com/flex/mx">
+
+ <s:Panel title="Form Sequence Sample" width="100%" height="100%">
+
+ <s:layout>
+ <s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10" />
+ </s:layout>
+
+ <s:Form>
+ <s:FormItem sequenceLabel="1." label="Enter some text">
+ <s:TextInput/>
+ </s:FormItem>
+ <s:FormItem sequenceLabel="2." label="Check a box">
+ <s:CheckBox label="option 1"/>
+ <s:CheckBox label="option 2"/>
+ </s:FormItem>
+ <s:FormItem>
+ <s:Button label="Submit it!"/>
+ </s:FormItem>
+ </s:Form>
+
+ </s:Panel>
</s:Application>
\ No newline at end of file
Modified: flex/site/trunk/content/tourdeflex/spark/controls/SampleSequenceFormExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/SampleSequenceFormExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.
Modified: flex/site/trunk/content/tourdeflex/spark/controls/SampleSimpleFormExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/SampleSimpleFormExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/controls/SampleSimpleFormExample.mxml (original)
+++ flex/site/trunk/content/tourdeflex/spark/controls/SampleSimpleFormExample.mxml Sat Nov 29 07:19:59 2014
@@ -19,20 +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"
- backgroundColor="haloSilver" fontSize="14">
-
- <s:Form horizontalCenter="0">
- <s:FormItem label="Enter some text">
- <s:TextInput/>
- </s:FormItem>
- <s:FormItem label="Check a box">
- <s:CheckBox label="option 1"/>
- <s:CheckBox label="option 2"/>
- </s:FormItem>
- <s:FormItem>
- <s:Button label="Submit it!"/>
- </s:FormItem>
- </s:Form>
+ xmlns:mx="library://ns.adobe.com/flex/mx">
+ <s:Panel title="Form Simple Sample" width="100%" height="100%">
+
+ <s:layout>
+ <s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10" />
+ </s:layout>
+
+ <s:Form>
+ <s:FormItem label="Enter some text">
+ <s:TextInput/>
+ </s:FormItem>
+ <s:FormItem label="Check a box">
+ <s:CheckBox label="option 1"/>
+ <s:CheckBox label="option 2"/>
+ </s:FormItem>
+ <s:FormItem>
+ <s:Button label="Submit it!"/>
+ </s:FormItem>
+ </s:Form>
+
+ </s:Panel>
</s:Application>
\ No newline at end of file
Modified: flex/site/trunk/content/tourdeflex/spark/controls/SampleSimpleFormExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/SampleSimpleFormExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.
Modified: flex/site/trunk/content/tourdeflex/spark/controls/SampleStackedFormExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/SampleStackedFormExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/controls/SampleStackedFormExample.mxml (original)
+++ flex/site/trunk/content/tourdeflex/spark/controls/SampleStackedFormExample.mxml Sat Nov 29 07:19:59 2014
@@ -19,20 +19,27 @@
-->
<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" backgroundColor="haloSilver" fontSize="14">
-
- <s:Form skinClass="spark.skins.spark.StackedFormSkin" horizontalCenter="0">
- <s:FormHeading label="Do some data entry" skinClass="spark.skins.spark.StackedFormHeadingSkin"/>
- <s:FormItem label="Enter some text" skinClass="spark.skins.spark.StackedFormItemSkin">
- <s:TextInput/>
- </s:FormItem>
- <s:FormItem label="Check a box" skinClass="spark.skins.spark.StackedFormItemSkin">
- <s:CheckBox label="option 1"/>
- <s:CheckBox label="option 2"/>
- </s:FormItem>
- <s:FormItem skinClass="spark.skins.spark.StackedFormItemSkin">
- <s:Button label="Submit it!"/>
- </s:FormItem>
- </s:Form>
-
+ xmlns:mx="library://ns.adobe.com/flex/mx">
+
+ <s:Panel title="Form Stacked Sample" width="100%" height="100%">
+
+ <s:layout>
+ <s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10" />
+ </s:layout>
+
+ <s:Form skinClass="spark.skins.spark.StackedFormSkin" horizontalCenter="0">
+ <s:FormHeading label="Do some data entry" skinClass="spark.skins.spark.StackedFormHeadingSkin"/>
+ <s:FormItem label="Enter some text" skinClass="spark.skins.spark.StackedFormItemSkin">
+ <s:TextInput/>
+ </s:FormItem>
+ <s:FormItem label="Check a box" skinClass="spark.skins.spark.StackedFormItemSkin">
+ <s:CheckBox label="option 1"/>
+ <s:CheckBox label="option 2"/>
+ </s:FormItem>
+ <s:FormItem skinClass="spark.skins.spark.StackedFormItemSkin">
+ <s:Button label="Submit it!"/>
+ </s:FormItem>
+ </s:Form>
+
+ </s:Panel>
</s:Application>
\ No newline at end of file
Modified: flex/site/trunk/content/tourdeflex/spark/controls/SampleStackedFormExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/SampleStackedFormExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.
Modified: flex/site/trunk/content/tourdeflex/spark/controls/ScrollBarExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/ScrollBarExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/controls/ScrollBarExample.mxml (original)
+++ flex/site/trunk/content/tourdeflex/spark/controls/ScrollBarExample.mxml Sat Nov 29 07:19:59 2014
@@ -23,13 +23,12 @@
xmlns:mx="library://ns.adobe.com/flex/mx"
xmlns:s="library://ns.adobe.com/flex/spark">
- <s:Panel width="100%" height="100%"
- skinClass="skins.TDFPanelSkin"
- title="ScrollBar Sample">
+ <s:Panel title="ScrollBar Sample" width="100%" height="100%">
<s:layout>
- <s:HorizontalLayout paddingLeft="80" paddingTop="15"/>
+ <s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10"/>
</s:layout>
+
<mx:Box borderStyle="solid">
<s:HGroup>
<s:DataGroup id="vertView" left="10" top="20"
@@ -75,7 +74,7 @@
<s:HScrollBar viewport="{horizView}" width ="{horizView.width}"/>
</mx:Box>
- <s:Label paddingLeft="15" width="199" verticalAlign="justify" color="0x323232"
+ <s:Label paddingLeft="15" width="199" verticalAlign="justify"
text="You can add scrollbars to any component to give scrolling capability. This sample shows
how you can use both a vertical and horizontal ScrollBar. Also see the Scroller sample for more information."/>
</s:Panel>
Modified: flex/site/trunk/content/tourdeflex/spark/controls/ScrollBarExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/ScrollBarExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.
Modified: flex/site/trunk/content/tourdeflex/spark/controls/Scroller1Example.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/Scroller1Example.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/controls/Scroller1Example.mxml (original)
+++ flex/site/trunk/content/tourdeflex/spark/controls/Scroller1Example.mxml Sat Nov 29 07:19:59 2014
@@ -22,9 +22,12 @@
xmlns:mx="library://ns.adobe.com/flex/mx">
- <s:Panel width="100%" height="100%"
- skinClass="skins.MyPanelSkin"
- title="Scroller Sample">
+ <s:Panel title="Scroller Sample" width="100%" height="100%">
+
+ <s:layout>
+ <s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10"/>
+ </s:layout>
+
<s:VGroup horizontalCenter="0">
<s:HGroup>
<s:Label text="Min Viewport Inset:"/>
Modified: flex/site/trunk/content/tourdeflex/spark/controls/Scroller1Example.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/Scroller1Example.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.
Modified: flex/site/trunk/content/tourdeflex/spark/controls/Scroller2Example.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/Scroller2Example.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/controls/Scroller2Example.mxml (original)
+++ flex/site/trunk/content/tourdeflex/spark/controls/Scroller2Example.mxml Sat Nov 29 07:19:59 2014
@@ -41,43 +41,43 @@
<!-- you want to mark the children of the viewport as focusable so you're able to tab to them,
but if you don't want the container itself to be focusable then you must turn tabEnabled off on it -->
- <s:Panel width="100%" height="100%"
- skinClass="skins.TDFPanelSkin"
- title="Scrollers and Tabbing">
+ <s:Panel title="Scrollers and Tabbing" width="100%" height="100%">
+
+ <s:layout>
+ <s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10"/>
+ </s:layout>
<!-- The fields are tab-able within the VGroup container -->
- <s:HGroup horizontalCenter="0" top="10">
- <s:VGroup left="0" horizontalAlign="center" width="20%">
- <s:BitmapImage id="img" width="200" height="200" source="@Embed(source='assets/ApacheFlexLogo.png')"/>
- <s:Label text="Item For Sale"/>
+ <s:VGroup left="0" horizontalAlign="center" width="20%">
+ <s:BitmapImage id="img" width="200" height="200" source="@Embed(source='assets/ApacheFlexLogo.png')"/>
+ <s:Label text="Item For Sale"/>
+ </s:VGroup>
+ <s:Scroller tabEnabled="true" hasFocusableChildren="true">
+ <s:VGroup>
+ <s:Label text="First Name:"/>
+ <s:TextInput id="firstName" text="firstname" color="#959494" change="txtChangeHandler(event)"/>
+ <s:Label text="Last Name:"/>
+ <s:TextInput id="lastName" text="lastname" color="#959494" change="txtChangeHandler(event)"/>
+ <s:Label text="Email:"/>
+ <s:TextInput id="emailAdd" text="email" color="#959494" change="txtChangeHandler(event)"/>
+ </s:VGroup>
+ </s:Scroller>
+
+ <!-- Note: The scroller container automatically sets the clipAndEnableScrolling to false for
+ containers within it. See 'Controlling Viewport' sample under 'Coding Techniques' -->
+
+ <s:Scroller hasFocusableChildren="true" tabEnabled="false">
+ <s:VGroup width="200" height="200">
+ <s:Label text="Enter item name:"/>
+ <s:TextInput id="itemNameTxt" text="image-name" width="100%" color="#959494" change="txtChangeHandler(event)"/>
+ <s:Label text="Enter description of your item:"/>
+ <s:TextArea id="itemDescTxt" text="title" color="#959494" change="txtChangeHandler(event)"/>
</s:VGroup>
- <s:Scroller tabEnabled="true" hasFocusableChildren="true">
- <s:VGroup>
- <s:Label text="First Name:"/>
- <s:TextInput id="firstName" text="firstname" color="#959494" change="txtChangeHandler(event)"/>
- <s:Label text="Last Name:"/>
- <s:TextInput id="lastName" text="lastname" color="#959494" change="txtChangeHandler(event)"/>
- <s:Label text="Email:"/>
- <s:TextInput id="emailAdd" text="email" color="#959494" change="txtChangeHandler(event)"/>
- </s:VGroup>
- </s:Scroller>
-
- <!-- Note: The scroller container automatically sets the clipAndEnableScrolling to false for
- containers within it. See 'Controlling Viewport' sample under 'Coding Techniques' -->
-
- <s:Scroller hasFocusableChildren="true" tabEnabled="false">
- <s:VGroup width="200" height="200">
- <s:Label text="Enter item name:"/>
- <s:TextInput id="itemNameTxt" text="image-name" width="100%" color="#959494" change="txtChangeHandler(event)"/>
- <s:Label text="Enter description of your item:"/>
- <s:TextArea id="itemDescTxt" text="title" color="#959494" change="txtChangeHandler(event)"/>
- </s:VGroup>
- </s:Scroller>
- <s:Label right="10" width="180" verticalAlign="justify"
- text="If you have items within a Scroller that need to be tabbed to, you can
+ </s:Scroller>
+ <s:Label right="10" width="180" verticalAlign="justify"
+ text="If you have items within a Scroller that need to be tabbed to, you can
need to set hasFocusableChildren to true. If you do not want the container itself to be tab enabled,
then you must set tabEnabled to false, such as shown here."/>
- </s:HGroup>
</s:Panel>
</s:Application>
Modified: flex/site/trunk/content/tourdeflex/spark/controls/Scroller2Example.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/Scroller2Example.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.
Modified: flex/site/trunk/content/tourdeflex/spark/controls/SimpleTitleWindowExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/SimpleTitleWindowExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/controls/SimpleTitleWindowExample.mxml (original)
+++ flex/site/trunk/content/tourdeflex/spark/controls/SimpleTitleWindowExample.mxml Sat Nov 29 07:19:59 2014
@@ -25,9 +25,9 @@
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
title="Title Window"
- close="PopUpManager.removePopUp(this);" >
+ close="PopUpManager.removePopUp(this)" >
- <fx:Script>
+ <fx:Script>
<![CDATA[
import mx.managers.PopUpManager;
@@ -55,8 +55,8 @@
</s:HGroup>
<s:HGroup>
- <s:Button label="OK" click="returnName();"/>
- <s:Button label="Cancel" click="PopUpManager.removePopUp(this);"/>
+ <s:Button label="OK" click="returnName()"/>
+ <s:Button label="Cancel" click="PopUpManager.removePopUp(this)"/>
</s:HGroup>
</s:TitleWindow>
\ No newline at end of file
Modified: flex/site/trunk/content/tourdeflex/spark/controls/SliderExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/SliderExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/controls/SliderExample.mxml (original)
+++ flex/site/trunk/content/tourdeflex/spark/controls/SliderExample.mxml Sat Nov 29 07:19:59 2014
@@ -21,33 +21,14 @@
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx">
- <s:Panel width="100%" height="100%"
- skinClass="skins.TDFPanelSkin"
- title="HSlider/VSlider Sample">
+ <s:Panel title="HSlider/VSlider Sample" width="100%" height="100%">
- <s:VGroup left="10" top="10">
- <s:Label text="Height:"/>
- <s:VSlider id="slider3"
- minimum="50"
- maximum="180"
- value="160"
- liveDragging="true"/>
- </s:VGroup>
- <s:Group left="40" top="25">
- <s:Ellipse id="rect"
- width="{slider2.value}"
- height="{slider3.value}">
- <s:fill>
- <s:LinearGradient rotation="45">
- <s:GradientEntry color="0x5008f3" />
- <s:GradientEntry color="0x7a2a84" />
- <s:GradientEntry color="0xfe08a4" />
- </s:LinearGradient>
- </s:fill>
- </s:Ellipse>
- </s:Group>
-
- <s:HGroup right="315" top="10" verticalAlign="middle">
+ <s:layout>
+ <s:VerticalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10"/>
+ </s:layout>
+
+
+ <s:HGroup>
<s:Label text="Width:"/>
<s:HSlider id="slider2"
minimum="50"
@@ -57,7 +38,32 @@
</s:HGroup>
- <s:Label right="40" top="10" width="200" verticalAlign="justify" color="0x323232"
+ <s:HGroup>
+ <s:VGroup>
+ <s:Label text="Height:"/>
+ <s:VSlider id="slider3"
+ minimum="50"
+ maximum="180"
+ value="160"
+ liveDragging="true"/>
+ </s:VGroup>
+
+ <s:Group width="200">
+ <s:Ellipse id="rect"
+ width="{slider2.value}"
+ height="{slider3.value}">
+ <s:fill>
+ <s:LinearGradient rotation="45">
+ <s:GradientEntry color="0x5008f3" />
+ <s:GradientEntry color="0x7a2a84" />
+ <s:GradientEntry color="0xfe08a4" />
+ </s:LinearGradient>
+ </s:fill>
+ </s:Ellipse>
+ </s:Group>
+ </s:HGroup>
+
+ <s:Label verticalAlign="justify"
text="The slider controls can be used to select a value by moving a slider thumb between
the end points of the slider track. The current value of the slider is determined by the relative location
of the thumb between the end points of the slider. The slider end points correspond to the sliderâs minimum and maximum values."/>
Modified: flex/site/trunk/content/tourdeflex/spark/controls/SliderExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/SliderExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.
Modified: flex/site/trunk/content/tourdeflex/spark/controls/SpinnerExample.mxml
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/SpinnerExample.mxml?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/controls/SpinnerExample.mxml (original)
+++ flex/site/trunk/content/tourdeflex/spark/controls/SpinnerExample.mxml Sat Nov 29 07:19:59 2014
@@ -21,30 +21,32 @@
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx">
- <s:Panel title="Spinner Control Example" height="100%" width="100%"
- skinClass="skins.TDFPanelSkin">
- <s:VGroup width="100%" height="100%" left="10" top="10">
- <s:HGroup>
- <mx:Text text="Use the arrows to change tabs:"/>
- <s:Spinner id="mySpinner" maximum="3"/>
- </s:HGroup>
-
- <!-- Two way binding is being used so that changes to the tab navigator remain synced with Spinner value -->
- <mx:TabNavigator id="myTabNav" width="75%" height="75%" selectedIndex="@{mySpinner.value}">
- <mx:HBox label="Tab 1">
- <mx:Text text="Text on Tab 1 " fontSize="14" color="red"/>
- </mx:HBox>
- <mx:HBox label="Tab 2">
- <mx:Text text="Text on Tab 2" fontSize="16" color="blue"/>
- </mx:HBox>
- <mx:HBox label="Tab 3">
- <mx:Text text="Text on Tab 3" fontSize="18" color="green"/>
- </mx:HBox>
- <mx:HBox label="Tab 4">
- <mx:Text text="Text on Tab 4" fontSize="20" color="purple"/>
- </mx:HBox>
- </mx:TabNavigator>
- </s:VGroup>
+ <s:Panel title="Spinner Control Example" width="100%" height="100%">
+
+ <s:layout>
+ <s:VerticalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10"/>
+ </s:layout>
+
+ <s:HGroup>
+ <mx:Text text="Use the arrows to change tabs:"/>
+ <s:Spinner id="mySpinner" maximum="3"/>
+ </s:HGroup>
+
+ <!-- Two way binding is being used so that changes to the tab navigator remain synced with Spinner value -->
+ <mx:TabNavigator id="myTabNav" width="75%" height="75%" selectedIndex="@{mySpinner.value}">
+ <mx:HBox label="Tab 1">
+ <mx:Text text="Text on Tab 1 " fontSize="14" color="red"/>
+ </mx:HBox>
+ <mx:HBox label="Tab 2">
+ <mx:Text text="Text on Tab 2" fontSize="16"/>
+ </mx:HBox>
+ <mx:HBox label="Tab 3">
+ <mx:Text text="Text on Tab 3" fontSize="18" color="green"/>
+ </mx:HBox>
+ <mx:HBox label="Tab 4">
+ <mx:Text text="Text on Tab 4" fontSize="20" color="purple"/>
+ </mx:HBox>
+ </mx:TabNavigator>
</s:Panel>
</s:Application>
\ No newline at end of file
Modified: flex/site/trunk/content/tourdeflex/spark/controls/SpinnerExample.swf
URL: http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/controls/SpinnerExample.swf?rev=1642397&r1=1642396&r2=1642397&view=diff
==============================================================================
Binary files - no diff available.