You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@flex.apache.org by jm...@apache.org on 2014/10/18 02:30:46 UTC
[10/10] git commit: [flex-utilities] [refs/heads/develop] -
FLEX-34505 Add squiggly example to Tour De Flex Update mx example to be more
consistent
FLEX-34505 Add squiggly example to Tour De Flex Update mx example to be more consistent
Project: http://git-wip-us.apache.org/repos/asf/flex-utilities/repo
Commit: http://git-wip-us.apache.org/repos/asf/flex-utilities/commit/6fd69880
Tree: http://git-wip-us.apache.org/repos/asf/flex-utilities/tree/6fd69880
Diff: http://git-wip-us.apache.org/repos/asf/flex-utilities/diff/6fd69880
Branch: refs/heads/develop
Commit: 6fd69880c00115f7bbdea5c1565f605753d83189
Parents: 338cd0c
Author: Justin Mclean <jm...@apache.org>
Authored: Sat Oct 18 11:30:17 2014 +1100
Committer: Justin Mclean <jm...@apache.org>
Committed: Sat Oct 18 11:30:17 2014 +1100
----------------------------------------------------------------------
.../src/mx/charts/BubbleChartExample.mxml | 15 ++++--
.../src/mx/charts/CandlestickChartExample.mxml | 11 ++--
.../src/mx/charts/Column_BarChartExample.mxml | 12 +++--
.../src/mx/charts/DateTimeAxisExample.mxml | 12 +++--
.../src/mx/charts/GridLinesExample.mxml | 11 ++--
.../src/mx/charts/HLOCChartExample.mxml | 11 ++--
.../src/mx/charts/Line_AreaChartExample.mxml | 14 +++--
.../src/mx/charts/LogAxisExample.mxml | 10 ++--
.../src/mx/charts/PieChartExample.mxml | 13 +++--
.../src/mx/charts/PlotChartExample.mxml | 15 ++++--
.../src/mx/charts/SeriesInterpolateExample.mxml | 17 +++---
.../src/mx/charts/SeriesSlideExample.mxml | 17 +++---
.../src/mx/charts/SeriesZoomExample.mxml | 17 +++---
.../src/mx/containers/AccordionExample.mxml | 19 ++++---
.../src/mx/containers/DividedBoxExample.mxml | 11 ++--
.../src/mx/containers/FormExample.mxml | 11 ++--
.../src/mx/containers/GridLayoutExample.mxml | 13 +++--
.../src/mx/containers/HBoxExample.mxml | 11 ++--
.../src/mx/containers/HDividedBoxExample.mxml | 11 ++--
.../SimpleApplicationControlBarExample.mxml | 9 ++--
.../src/mx/containers/SimpleBoxExample.mxml | 13 +++--
.../src/mx/containers/SimpleCanvasExample.mxml | 11 ++--
.../mx/containers/SimpleControlBarExample.mxml | 11 ++--
.../src/mx/containers/SimplePanelExample.mxml | 16 +++---
.../mx/containers/SimpleTitleWindowExample.mxml | 6 +--
.../src/mx/containers/TabNavigatorExample.mxml | 13 +++--
.../src/mx/containers/TileLayoutExample.mxml | 11 ++--
.../src/mx/containers/TitleWindowApp.mxml | 13 +++--
.../src/mx/containers/VBoxExample.mxml | 11 ++--
.../src/mx/containers/VDividedBoxExample.mxml | 11 ++--
.../src/mx/containers/ViewStackExample.mxml | 17 +++---
.../mx/controls/AdvancedDataGridExample.mxml | 12 +++--
.../src/mx/controls/ButtonBarExample.mxml | 15 +++---
.../src/mx/controls/ButtonExample.mxml | 24 +++++----
.../src/mx/controls/CheckBoxExample.mxml | 14 ++---
.../src/mx/controls/ColorPickerExample.mxml | 13 +++--
.../src/mx/controls/DateChooserExample.mxml | 19 ++++---
.../src/mx/controls/DateFieldExample.mxml | 17 +++---
.../src/mx/controls/HScrollBarExample.mxml | 19 ++++---
.../src/mx/controls/HorizontalListExample.mxml | 13 +++--
.../src/mx/controls/LabelExample.mxml | 15 +++---
.../src/mx/controls/LinkBarExample.mxml | 12 +++--
.../src/mx/controls/LinkButtonExample.mxml | 14 ++---
.../TourDeFlex3/src/mx/controls/Local.mxml | 5 +-
.../src/mx/controls/MenuBarExample.mxml | 16 +++---
.../src/mx/controls/NumericStepperExample.mxml | 15 +++---
.../src/mx/controls/OLAPDataGridExample.mxml | 13 +++--
.../src/mx/controls/PopUpButtonExample.mxml | 15 +++---
.../src/mx/controls/PopUpButtonMenuExample.mxml | 15 +++---
.../src/mx/controls/RadioButtonExample.mxml | 13 +++--
.../mx/controls/RadioButtonGroupExample.mxml | 15 +++---
.../src/mx/controls/RichTextEditorExample.mxml | 25 +++++----
.../src/mx/controls/SimpleAlert.mxml | 22 ++++----
.../src/mx/controls/SimpleComboBox.mxml | 16 +++---
.../src/mx/controls/SimpleDataGrid.mxml | 11 ++--
.../src/mx/controls/SimpleHRule.mxml | 11 ++--
.../src/mx/controls/SimpleImage.mxml | 14 ++---
.../src/mx/controls/SimpleImageHSlider.mxml | 27 +++++-----
.../src/mx/controls/SimpleImageVSlider.mxml | 25 ++++-----
.../TourDeFlex3/src/mx/controls/SimpleList.mxml | 13 +++--
.../src/mx/controls/SimpleLoader.mxml | 11 ++--
.../src/mx/controls/SimpleMenuExample.mxml | 15 +++---
.../src/mx/controls/SimpleProgressBar.mxml | 15 +++---
.../src/mx/controls/SimpleVRule.mxml | 11 ++--
.../src/mx/controls/SpacerExample.mxml | 17 +++---
.../src/mx/controls/TabBarExample.mxml | 15 +++---
.../src/mx/controls/TextAreaExample.mxml | 9 ++--
.../src/mx/controls/TextExample.mxml | 9 ++--
.../src/mx/controls/TextInputExample.mxml | 9 ++--
.../src/mx/controls/TileListExample.mxml | 13 +++--
.../src/mx/controls/ToggleButtonBarExample.mxml | 15 +++---
.../src/mx/controls/TreeExample.mxml | 13 +++--
.../src/mx/controls/VScrollBarExample.mxml | 19 ++++---
.../src/mx/controls/VideoDisplayExample.mxml | 18 ++++---
.../src/mx/core/RepeaterExample.mxml | 13 +++--
.../src/mx/core/SimpleApplicationExample.mxml | 15 +++---
.../mx/effects/AddItemActionEffectExample.mxml | 15 +++---
.../effects/AnimatePropertyEffectExample.mxml | 13 +++--
.../src/mx/effects/BlurEffectExample.mxml | 12 +++--
.../src/mx/effects/CompositeEffectExample.mxml | 57 +++++++++++---------
.../mx/effects/DefaultListEffectExample.mxml | 15 +++---
.../effects/DefaultTileListEffectExample.mxml | 15 +++---
.../src/mx/effects/DissolveEffectExample.mxml | 16 +++---
.../src/mx/effects/FadeEffectExample.mxml | 12 +++--
.../src/mx/effects/GlowEffectExample.mxml | 16 +++---
.../src/mx/effects/IrisEffectExample.mxml | 12 +++--
.../src/mx/effects/MoveEffectExample.mxml | 18 ++++---
.../src/mx/effects/ParallelEffectExample.mxml | 15 +++---
.../src/mx/effects/PauseEffectExample.mxml | 17 +++---
.../src/mx/effects/ResizeEffectExample.mxml | 15 +++---
.../src/mx/effects/RotateEffectExample.mxml | 19 ++++---
.../src/mx/effects/SequenceEffectExample.mxml | 17 +++---
.../src/mx/effects/SimpleEffectExample.mxml | 27 +++++-----
.../mx/effects/SimpleTweenEffectExample.mxml | 29 +++++-----
.../src/mx/effects/SoundEffectExample.mxml | 14 +++--
.../src/mx/effects/WipeDownExample.mxml | 12 +++--
.../src/mx/effects/WipeLeftExample.mxml | 14 +++--
.../src/mx/effects/WipeRightExample.mxml | 14 +++--
.../src/mx/effects/WipeUpExample.mxml | 14 +++--
.../src/mx/effects/ZoomEffectExample.mxml | 17 +++---
.../mx/formatters/CurrencyFormatterExample.mxml | 11 ++--
.../src/mx/formatters/DateFormatterExample.mxml | 11 ++--
.../mx/formatters/NumberFormatterExample.mxml | 11 ++--
.../mx/formatters/PhoneFormatterExample.mxml | 11 ++--
.../mx/formatters/SimpleFormatterExample.mxml | 11 ++--
.../SwitchSymbolFormatterExample.mxml | 13 +++--
.../mx/formatters/ZipCodeFormatterExample.mxml | 11 ++--
.../printing/AdvancedPrintDataGridExample.mxml | 12 +++--
.../src/mx/printing/FormPrintFooter.mxml | 8 +--
.../src/mx/printing/FormPrintHeader.mxml | 2 +-
.../src/mx/printing/FormPrintView.mxml | 2 +-
.../src/mx/printing/PrintDataGridExample.mxml | 16 +++---
.../src/mx/states/StatesExample.mxml | 11 ++--
.../src/mx/states/TransitionExample.mxml | 11 ++--
.../validators/CreditCardValidatorExample.mxml | 17 +++---
.../mx/validators/CurrencyValidatorExample.mxml | 13 +++--
.../src/mx/validators/DateValidatorExample.mxml | 13 +++--
.../mx/validators/EmailValidatorExample.mxml | 13 +++--
.../mx/validators/NumberValidatorExample.mxml | 13 +++--
.../validators/PhoneNumberValidatorExample.mxml | 15 +++---
.../mx/validators/RegExValidatorExample.mxml | 9 ++--
.../mx/validators/SimpleValidatorExample.mxml | 15 +++---
.../SocialSecurityValidatorExample.mxml | 13 +++--
.../mx/validators/StringValidatorExample.mxml | 13 +++--
.../mx/validators/ZipCodeValidatorExample.mxml | 13 +++--
125 files changed, 1074 insertions(+), 707 deletions(-)
----------------------------------------------------------------------
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/charts/BubbleChartExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/charts/BubbleChartExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/charts/BubbleChartExample.mxml
index 09dd98c..d445d68 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/charts/BubbleChartExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/charts/BubbleChartExample.mxml
@@ -17,8 +17,11 @@
-->
<!-- Simple example to demonstrate the BubbleChart control. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
- <fx:Script>
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
+
+ <fx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
@@ -34,11 +37,13 @@
<fx:Declarations>
<!-- Define custom color and line style for the bubbles. -->
- <mx:SolidColor id="sc1" color="blue" alpha=".3"/>
- <mx:SolidColorStroke id="stroke1" color="blue" weight="1"/>
+ <mx:SolidColor id="sc1" alpha=".3"/>
+ <mx:SolidColorStroke id="stroke1" weight="1"/>
</fx:Declarations>
- <mx:Panel title="BubbleChart Control Example" height="100%" width="100%">
+ <mx:Panel title="BubbleChart Control Example"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
<mx:BubbleChart id="bubblechart"
height="100%" width="100%"
paddingRight="5" paddingLeft="5"
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/charts/CandlestickChartExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/charts/CandlestickChartExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/charts/CandlestickChartExample.mxml
index 68e7894..f85b34f 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/charts/CandlestickChartExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/charts/CandlestickChartExample.mxml
@@ -17,8 +17,11 @@
-->
<!-- Simple example to demonstrate the CandlestickChart control. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
- <fx:Script>
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
+
+ <fx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
@@ -49,7 +52,9 @@
<mx:SolidColorStroke id="box" color="black" weight="1"/>
</fx:Declarations>
- <mx:Panel title="CandlestickChart Control Example" height="100%" width="100%">
+ <mx:Panel title="CandlestickChart Control Example"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
<mx:CandlestickChart id="candlestickchart"
height="100%"
width="100%"
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/charts/Column_BarChartExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/charts/Column_BarChartExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/charts/Column_BarChartExample.mxml
index 37d6a83..693407d 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/charts/Column_BarChartExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/charts/Column_BarChartExample.mxml
@@ -17,8 +17,11 @@
-->
<!-- Simple example to demonstrate the ColumnChart and BarChart controls. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
- <fx:Script>
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
+
+ <fx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
@@ -42,8 +45,9 @@
<mx:SolidColorStroke id="s3" color="0xFFCC66" weight="2"/>
</fx:Declarations>
- <mx:Panel title="ColumnChart and BarChart Controls Example"
- height="100%" width="100%" layout="horizontal">
+ <mx:Panel title="ColumnChart and BarChart Controls Example"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ layout="horizontal" height="100%" width="100%">
<mx:ColumnChart id="column"
height="100%"
width="45%"
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/charts/DateTimeAxisExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/charts/DateTimeAxisExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/charts/DateTimeAxisExample.mxml
index 11c28f9..92cc759 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/charts/DateTimeAxisExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/charts/DateTimeAxisExample.mxml
@@ -17,9 +17,11 @@
-->
<!-- Simple example to demonstrate the DateTimeAxis class. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
- <fx:Script>
+ <fx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
@@ -45,8 +47,10 @@
]]>
</fx:Script>
- <mx:Panel title="DateTimeAxis Example" height="100%" width="100%">
-
+ <mx:Panel title="DateTimeAxis Example"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
+
<mx:LineChart id="mychart" height="100%" width="100%"
paddingRight="5" paddingLeft="5"
showDataTips="true" dataProvider="{stockDataAC}">
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/charts/GridLinesExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/charts/GridLinesExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/charts/GridLinesExample.mxml
index 9a8765e..e6d5cdc 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/charts/GridLinesExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/charts/GridLinesExample.mxml
@@ -17,9 +17,11 @@
-->
<!-- Simple example to demonstrate the GridLines class. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
- <fx:Script>
+ <fx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
@@ -34,8 +36,9 @@
]]>
</fx:Script>
- <mx:Panel title="GridLines Example" height="100%" width="100%">
-
+ <mx:Panel title="GridLines Example"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
<mx:LineChart id="linechart" height="100%" width="100%"
paddingLeft="5" paddingRight="5"
showDataTips="true" dataProvider="{expensesAC}">
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/charts/HLOCChartExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/charts/HLOCChartExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/charts/HLOCChartExample.mxml
index 0e6c1de..242b0f1 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/charts/HLOCChartExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/charts/HLOCChartExample.mxml
@@ -17,8 +17,11 @@
-->
<!-- Simple example to demonstrate the HLOCChart control. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
- <fx:Script>
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
+
+ <fx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
@@ -42,7 +45,9 @@
<mx:SolidColorStroke id="s1" color="0x000000" weight="5" joints="bevel" caps="square"/>
</fx:Declarations>
- <mx:Panel title="HLOCChart Control Example" height="100%" width="100%">
+ <mx:Panel title="HLOCChart Control Example"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
<mx:HLOCChart id="hlocchart" height="100%" width="100%"
paddingRight="5" paddingLeft="5"
showDataTips="true" dataProvider="{stockDataAC}">
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/charts/Line_AreaChartExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/charts/Line_AreaChartExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/charts/Line_AreaChartExample.mxml
index afebf63..5058f29 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/charts/Line_AreaChartExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/charts/Line_AreaChartExample.mxml
@@ -17,9 +17,11 @@
-->
<!-- Simple example to demonstrate the LineChart and AreaChart controls. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
- <fx:Script>
+ <fx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
@@ -36,18 +38,20 @@
<fx:Declarations>
<!-- Define custom colors for use as fills in the AreaChart control. -->
- <mx:SolidColor id="sc1" color="blue" alpha=".3"/>
+ <mx:SolidColor id="sc1" alpha=".3"/>
<mx:SolidColor id="sc2" color="red" alpha=".3"/>
<mx:SolidColor id="sc3" color="green" alpha=".3"/>
<!-- Define custom Strokes. -->
- <mx:SolidColorStroke id = "s1" color="blue" weight="2"/>
+ <mx:SolidColorStroke id = "s1" weight="2"/>
<mx:SolidColorStroke id = "s2" color="red" weight="2"/>
<mx:SolidColorStroke id = "s3" color="green" weight="2"/>
</fx:Declarations>
<mx:Panel title="LineChart and AreaChart Controls Example"
- height="100%" width="100%" layout="horizontal">
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ layout="horizontal" height="100%" width="100%">
+
<mx:LineChart id="linechart" height="100%" width="45%"
paddingLeft="5" paddingRight="5"
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/charts/LogAxisExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/charts/LogAxisExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/charts/LogAxisExample.mxml
index 3982d8f..12a7ebd 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/charts/LogAxisExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/charts/LogAxisExample.mxml
@@ -17,9 +17,11 @@
-->
<!-- Simple example to demonstrate the LogAxis class. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
- <fx:Script>
+ <fx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
@@ -34,7 +36,9 @@
]]>
</fx:Script>
- <mx:Panel title="LogAxis Example" height="100%" width="100%">
+ <mx:Panel title="LogAxis Example"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
<mx:LineChart id="linechart" height="100%" width="100%"
paddingLeft="5" paddingRight="5"
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/charts/PieChartExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/charts/PieChartExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/charts/PieChartExample.mxml
index 245a89d..1114047 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/charts/PieChartExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/charts/PieChartExample.mxml
@@ -17,8 +17,11 @@
-->
<!-- Simple example to demonstrate the PieChart control. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
- <fx:Script>
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
+
+ <fx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
@@ -37,7 +40,7 @@
<fx:Declarations>
<!-- Define custom colors for use as pie wedge fills. -->
- <mx:SolidColor id="sc1" color="blue" alpha=".6"/>
+ <mx:SolidColor id="sc1" alpha=".6"/>
<mx:SolidColor id="sc2" color="red" alpha=".6"/>
<mx:SolidColor id="sc3" color="0x663300" alpha=".6"/>
@@ -51,7 +54,9 @@
<mx:SolidColorStroke id="pieborder" color="0x000000" weight="2" alpha=".5"/>
</fx:Declarations>
- <mx:Panel title="Olympics 2004 Medals Tally Panel" height="100%" width="100%">
+ <mx:Panel title="Olympics 2004 Medals Tally Panel"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
<mx:PieChart id="chart"
height="100%"
width="100%"
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/charts/PlotChartExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/charts/PlotChartExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/charts/PlotChartExample.mxml
index f1d7435..e46bfe1 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/charts/PlotChartExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/charts/PlotChartExample.mxml
@@ -17,8 +17,11 @@
-->
<!-- Simple example to demonstrate the PlotChart control. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
- <fx:Script>
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
+
+ <fx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
@@ -32,17 +35,19 @@
<fx:Declarations>
<!-- Define custom colors for use as plot point fills. -->
- <mx:SolidColor id="sc1" color="blue" alpha=".3"/>
+ <mx:SolidColor id="sc1" alpha=".3"/>
<mx:SolidColor id="sc2" color="red" alpha=".3"/>
<mx:SolidColor id="sc3" color="green" alpha=".3"/>
<!-- Define custom Strokes. -->
- <mx:SolidColorStroke id="s1" color="blue" weight="1"/>
+ <mx:SolidColorStroke id="s1" weight="1"/>
<mx:SolidColorStroke id="s2" color="red" weight="1"/>
<mx:SolidColorStroke id="s3" color="green" weight="1"/>
</fx:Declarations>
- <mx:Panel title="PlotChart Control Example" height="100%" width="100%">
+ <mx:Panel title="PlotChart Control Example"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
<mx:PlotChart id="plot"
height="100%"
width="100%"
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/charts/SeriesInterpolateExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/charts/SeriesInterpolateExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/charts/SeriesInterpolateExample.mxml
index 13ce221..48144df 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/charts/SeriesInterpolateExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/charts/SeriesInterpolateExample.mxml
@@ -17,9 +17,11 @@
-->
<!-- Simple example to demonstrate the CandlestickChart control. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
- <fx:Script>
+ <fx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
@@ -56,8 +58,9 @@
<mx:SeriesInterpolate id="interpolateIn" duration="1000"/>
</fx:Declarations>
- <mx:Panel title="CandlestickChart Control Example" height="100%" width="100%"
- paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+ <mx:Panel title="CandlestickChart Control Example"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
<mx:CandlestickChart id="candlestickchart" height="100%" width="100%"
paddingRight="5" paddingLeft="5"
@@ -83,14 +86,14 @@
</mx:series>
</mx:CandlestickChart>
- <mx:Label width="100%" color="blue"
+ <mx:Label width="100%"
text="Choose a company to view recent stock data."/>
<mx:HBox>
<mx:RadioButton groupName="stocks" label="View Company A"
- selected="true" click="candlestickchart.dataProvider=companyAAC;"/>
+ selected="true" click="candlestickchart.dataProvider=companyAAC"/>
<mx:RadioButton groupName="stocks" label="View Company B"
- click="candlestickchart.dataProvider=companyBAC;"/>
+ click="candlestickchart.dataProvider=companyBAC"/>
</mx:HBox>
</mx:Panel>
</mx:Application>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/charts/SeriesSlideExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/charts/SeriesSlideExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/charts/SeriesSlideExample.mxml
index 09335b9..b1865f2 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/charts/SeriesSlideExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/charts/SeriesSlideExample.mxml
@@ -17,9 +17,11 @@
-->
<!-- Simple example to demonstrate the CandlestickChart control. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
- <fx:Script>
+ <fx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
@@ -57,8 +59,9 @@
<mx:SeriesSlide id="slideOut" duration="1000" direction="down"/>
</fx:Declarations>
- <mx:Panel title="CandlestickChart Control Example" height="100%" width="100%"
- paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+ <mx:Panel title="CandlestickChart Control Example"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
<mx:CandlestickChart id="candlestickchart" height="100%" width="100%"
paddingRight="5" paddingLeft="5"
@@ -85,14 +88,14 @@
</mx:series>
</mx:CandlestickChart>
- <mx:Label width="100%" color="blue"
+ <mx:Label width="100%"
text="Choose a company to view recent stock data."/>
<mx:HBox>
<mx:RadioButton groupName="stocks" label="View Company A"
- selected="true" click="candlestickchart.dataProvider=companyAAC;"/>
+ selected="true" click="candlestickchart.dataProvider=companyAAC"/>
<mx:RadioButton groupName="stocks" label="View Company B"
- click="candlestickchart.dataProvider=companyBAC;"/>
+ click="candlestickchart.dataProvider=companyBAC"/>
</mx:HBox>
</mx:Panel>
</mx:Application>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/charts/SeriesZoomExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/charts/SeriesZoomExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/charts/SeriesZoomExample.mxml
index b68ca56..6df4877 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/charts/SeriesZoomExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/charts/SeriesZoomExample.mxml
@@ -17,9 +17,11 @@
-->
<!-- Simple example to demonstrate the CandlestickChart control. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
- <fx:Script>
+ <fx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
@@ -57,8 +59,9 @@
<mx:SeriesZoom id="zoomOut" duration="1000"/>
</fx:Declarations>
- <mx:Panel title="CandlestickChart Control Example" height="100%" width="100%"
- paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+ <mx:Panel title="CandlestickChart Control Example"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
<mx:CandlestickChart id="candlestickchart" height="100%" width="100%"
paddingRight="5" paddingLeft="5"
@@ -85,14 +88,14 @@
</mx:series>
</mx:CandlestickChart>
- <mx:Label width="100%" color="blue"
+ <mx:Label width="100%"
text="Choose a company to view recent stock data."/>
<mx:HBox>
<mx:RadioButton groupName="stocks" label="View Company A"
- selected="true" click="candlestickchart.dataProvider=companyAAC;"/>
+ selected="true" click="candlestickchart.dataProvider=companyAAC"/>
<mx:RadioButton groupName="stocks" label="View Company B"
- click="candlestickchart.dataProvider=companyBAC;"/>
+ click="candlestickchart.dataProvider=companyBAC"/>
</mx:HBox>
</mx:Panel>
</mx:Application>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/containers/AccordionExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/containers/AccordionExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/containers/AccordionExample.mxml
index 185f7a4..5abf17c 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/containers/AccordionExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/containers/AccordionExample.mxml
@@ -17,12 +17,15 @@
-->
<!-- Simple example to demonstrate the Accordion layout container. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
- <mx:Panel title="Accordion Container Example" height="90%" width="90%"
- paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+ <mx:Panel title="Accordion Container Example"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
- <mx:Label width="100%" color="blue"
+ <mx:Label width="100%"
text="Select an Accordion navigator button to change the panel."/>
<mx:Accordion id="accordion" width="100%" height="100%">
@@ -40,13 +43,13 @@
</mx:VBox>
</mx:Accordion>
- <mx:Label width="100%" color="blue"
+ <mx:Label width="100%"
text="Programmatically select the panel using a Button control."/>
<mx:HBox>
- <mx:Button label="Select Panel 1" click="accordion.selectedIndex=0;"/>
- <mx:Button label="Select Panel 2" click="accordion.selectedIndex=1;"/>
- <mx:Button label="Select Panel 3" click="accordion.selectedIndex=2;"/>
+ <mx:Button label="Select Panel 1" click="accordion.selectedIndex=0"/>
+ <mx:Button label="Select Panel 2" click="accordion.selectedIndex=1"/>
+ <mx:Button label="Select Panel 3" click="accordion.selectedIndex=2"/>
</mx:HBox>
</mx:Panel>
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/containers/DividedBoxExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/containers/DividedBoxExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/containers/DividedBoxExample.mxml
index b05004b..40ba5f7 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/containers/DividedBoxExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/containers/DividedBoxExample.mxml
@@ -17,12 +17,15 @@
-->
<!-- Simple example to demonstrate the DividedBox layout container. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
- <mx:Panel title="DividedBox Container Example" height="95%" width="95%"
- paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+ <mx:Panel title="DividedBox Container Example"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
- <mx:Text width="100%" color="blue"
+ <mx:Text width="100%"
text="A horizontal DividedBox container. Drag the divider side to side to resize the children."/>
<mx:DividedBox direction="horizontal" width="100%" height="100%">
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/containers/FormExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/containers/FormExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/containers/FormExample.mxml
index 37b2363..70b2c9d 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/containers/FormExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/containers/FormExample.mxml
@@ -17,7 +17,9 @@
-->
<!-- Simple example to demonstrate Form layout container. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
<fx:Declarations>
<fx:Model id="checkModel">
@@ -42,10 +44,11 @@
<mx:ZipCodeValidator source="{zip}" property="text"/>
</fx:Declarations>
- <mx:Panel title="Form Container Example" height="75%" width="75%"
- paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+ <mx:Panel title="Form Container Example"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
- <mx:Text width="100%" color="blue"
+ <mx:Text width="100%"
text="Moving from one form field to another triggers the validator."/>
<mx:Form width="100%" height="100%">
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/containers/GridLayoutExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/containers/GridLayoutExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/containers/GridLayoutExample.mxml
index b62f859..8fe6910 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/containers/GridLayoutExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/containers/GridLayoutExample.mxml
@@ -17,12 +17,15 @@
-->
<!-- Simple example to demonstrate the Grid layout container.-->
-<mx:Application borderStyle="none" xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
- <mx:Panel title="Grid Container Example" height="75%" width="75%"
- paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
- <mx:Label width="100%" color="blue"
+ <mx:Panel title="Grid Container Example"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
+
+ <mx:Label width="100%"
text="A 3 by 3 Grid container of Button controls."/>
<mx:Grid>
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/containers/HBoxExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/containers/HBoxExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/containers/HBoxExample.mxml
index b8e1eed..770b16f 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/containers/HBoxExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/containers/HBoxExample.mxml
@@ -17,12 +17,15 @@
-->
<!-- Simple example to demonstrate the HBox layout container. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
- <mx:Panel title="HBox Container Example" height="75%" width="75%"
- paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+ <mx:Panel title="HBox Container Example"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
- <mx:Label width="100%" color="blue"
+ <mx:Label width="100%"
text="An HBox container with horizontally aligned children."/>
<mx:HBox borderStyle="solid" paddingTop="10" paddingBottom="10"
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/containers/HDividedBoxExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/containers/HDividedBoxExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/containers/HDividedBoxExample.mxml
index d5e61dd..b3e2b78 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/containers/HDividedBoxExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/containers/HDividedBoxExample.mxml
@@ -17,12 +17,15 @@
-->
<!-- Simple example to demonstrate the HDividedBox layout -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
- <mx:Panel title="HDividedBox Container Example" width="90%" height="90%"
- paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+ <mx:Panel title="HDividedBox Container Example"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
- <mx:Text width="100%" color="blue"
+ <mx:Text width="100%"
text="Drag the divider side to side to resize the children."/>
<mx:HDividedBox width="100%" height="100%">
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/containers/SimpleApplicationControlBarExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/containers/SimpleApplicationControlBarExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/containers/SimpleApplicationControlBarExample.mxml
index 62bac5d..b04e80a 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/containers/SimpleApplicationControlBarExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/containers/SimpleApplicationControlBarExample.mxml
@@ -18,11 +18,12 @@
<!-- Simple example to demonstrate the ApplicationControlBar container. -->
<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
- paddingLeft="10" paddingRight="10" paddingBottom="10"
- backgroundColor="0xCCCCCC">
+ borderStyle="solid"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
<mx:ApplicationControlBar dock="true" paddingTop="0" paddingBottom="0">
- <mx:Label text="Docked" color="blue"/>
+ <mx:Label text="Docked"/>
<mx:MenuBar id="myMenuBar" labelField="@label">
<fx:XMLList>
@@ -45,7 +46,7 @@
<mx:Spacer height="100%" />
<mx:ApplicationControlBar width="80%">
- <mx:Label text="Normal" color="blue"/>
+ <mx:Label text="Normal"/>
<mx:Label text="Search:" />
<mx:TextInput width="100%" maxWidth="200" />
<mx:Spacer width="100%" />
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/containers/SimpleBoxExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/containers/SimpleBoxExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/containers/SimpleBoxExample.mxml
index 884c16b..7336abc 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/containers/SimpleBoxExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/containers/SimpleBoxExample.mxml
@@ -17,12 +17,15 @@
-->
<!-- Simple example to demonstrate the Box layout container. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
- <mx:Panel title="Box Container Example" height="75%" width="75%"
- paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+ <mx:Panel title="Box Container Example"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
- <mx:Label width="100%" color="blue"
+ <mx:Label width="100%"
text="A Box container with vertically aligned children."/>
<mx:Box direction="vertical" borderStyle="solid"
paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
@@ -32,7 +35,7 @@
<mx:ComboBox/>
</mx:Box>
- <mx:Label width="100%" color="blue"
+ <mx:Label width="100%"
text="A Box container with horizontally aligned children."/>
<mx:Box direction="horizontal" borderStyle="solid"
paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/containers/SimpleCanvasExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/containers/SimpleCanvasExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/containers/SimpleCanvasExample.mxml
index 347d7cb..68fead3 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/containers/SimpleCanvasExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/containers/SimpleCanvasExample.mxml
@@ -17,12 +17,15 @@
-->
<!-- Simple example to demonstrate the Canvas layout container.-->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
- <mx:Panel title="Canvas Container Example" height="95%" width="95%"
- paddingTop="5" paddingLeft="5" paddingRight="5" paddingBottom="5">
+ <mx:Panel title="Canvas Container Example"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
- <mx:Label width="100%" color="blue"
+ <mx:Label width="100%"
text="Use absolute positioning to place the children of a Canvas container."/>
<mx:Canvas borderStyle="solid" height="200" width="100%">
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/containers/SimpleControlBarExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/containers/SimpleControlBarExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/containers/SimpleControlBarExample.mxml
index 7f307e0..0316daf 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/containers/SimpleControlBarExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/containers/SimpleControlBarExample.mxml
@@ -17,15 +17,18 @@
-->
<!-- Simple example to demonstrate the ControlBar container. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
- <mx:Panel title="ControlBar Container Example" width="75%" height="75%"
- paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
+ <mx:Panel title="ControlBar Container Example"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
<mx:HBox width="100%" height="100%">
<!-- Area for your catalog. -->
<mx:Image source="@Embed(source='assets/ApacheFlexLogo.png')" width="50%" height="100%"/>
- <mx:Text width="50%" color="blue"
+ <mx:Text width="50%"
text="The ControlBar container in this example adds a Label, NumericStepper, Spacer, and Button control to the bottom of the Panel container."/>
</mx:HBox>
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/containers/SimplePanelExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/containers/SimplePanelExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/containers/SimplePanelExample.mxml
index 7b83f63..645c4ba 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/containers/SimplePanelExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/containers/SimplePanelExample.mxml
@@ -17,9 +17,11 @@
-->
<!-- Simple example to demonstrate Panel layout container. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
- <fx:Script>
+ <fx:Script>
<![CDATA[
private function showProperties():void {
@@ -31,15 +33,15 @@
]]>
</fx:Script>
- <mx:Panel id="panel" title="Panel Container Example" status="Active"
- height="75%" width="75%"
- paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+ <mx:Panel id="panel" title="Panel Container Example" status="Active"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
- <mx:Label width="100%" color="blue"
+ <mx:Label width="100%"
text="Click the Button control to see panel properties."/>
<mx:TextArea id="panelPropertyArea" width="100%" height="100%"/>
- <mx:Button label="Click to view Panel properties" click="showProperties();"/>
+ <mx:Button label="Click to view Panel properties" click="showProperties()"/>
</mx:Panel>
</mx:Application>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/containers/SimpleTitleWindowExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/containers/SimpleTitleWindowExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/containers/SimpleTitleWindowExample.mxml
index aa9cd40..2616d8f 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/containers/SimpleTitleWindowExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/containers/SimpleTitleWindowExample.mxml
@@ -23,7 +23,7 @@
<mx:TitleWindow xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
title="Title Window" x="168" y="86">
- <fx:Script>
+ <fx:Script>
<![CDATA[
import mx.managers.PopUpManager;
import mx.controls.Text;
@@ -45,8 +45,8 @@
</mx:HBox>
<mx:HBox>
- <mx:Button label="OK" click="returnName();"/>
- <mx:Button label="Cancel" click="PopUpManager.removePopUp(this);"/>
+ <mx:Button label="OK" click="returnName()"/>
+ <mx:Button label="Cancel" click="PopUpManager.removePopUp(this)"/>
</mx:HBox>
</mx:TitleWindow>
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/containers/TabNavigatorExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/containers/TabNavigatorExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/containers/TabNavigatorExample.mxml
index 49c3a2e..411964a 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/containers/TabNavigatorExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/containers/TabNavigatorExample.mxml
@@ -17,12 +17,15 @@
-->
<!-- Simple example to demonstrate the TabNavigator layout container. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
- <mx:Panel title="TabNavigator Container Example" height="90%" width="90%"
- paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+ <mx:Panel title="TabNavigator Container Example"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
- <mx:Label width="100%" color="blue"
+ <mx:Label width="100%"
text="Select the tabs to change the panel."/>
<mx:TabNavigator id="tn" width="100%" height="100%">
@@ -41,7 +44,7 @@
</mx:VBox>
</mx:TabNavigator>
- <mx:Label width="100%" color="blue"
+ <mx:Label width="100%"
text="Programmatically select the panel using a Button control."/>
<mx:HBox>
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/containers/TileLayoutExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/containers/TileLayoutExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/containers/TileLayoutExample.mxml
index 3f7329a..f492ba0 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/containers/TileLayoutExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/containers/TileLayoutExample.mxml
@@ -17,12 +17,15 @@
-->
<!-- Simple example to demonstrate the Tile layout container. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
- <mx:Panel title="Tile Container Example" height="75%" width="75%"
- paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+ <mx:Panel title="Tile Container Example"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
- <mx:Label width="100%" color="blue"
+ <mx:Label width="100%"
text="A Tile container lays out its children in a grid of equal-sized cells."/>
<mx:Tile direction="horizontal" borderStyle="inset"
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/containers/TitleWindowApp.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/containers/TitleWindowApp.mxml b/TourDeFlex/TourDeFlex3/src/mx/containers/TitleWindowApp.mxml
index fbdefcd..197773d 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/containers/TitleWindowApp.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/containers/TitleWindowApp.mxml
@@ -17,9 +17,11 @@
-->
<!-- Main application to demonstrate TitleWindow layout container. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
- <fx:Script>
+ <fx:Script>
<![CDATA[
import mx.managers.PopUpManager;
@@ -51,11 +53,12 @@
]]>
</fx:Script>
- <mx:Panel title="TitleWindow Container Example" height="75%" width="75%"
- paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+ <mx:Panel title="TitleWindow Container Example"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
<mx:Button id="myButton" label="Click to open the TitleWindow container"
- click="showWindow();"/>
+ click="showWindow()"/>
<mx:Text id="returnedName" text="" width="100%"/>
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/containers/VBoxExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/containers/VBoxExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/containers/VBoxExample.mxml
index b45dcfd..c58ee45 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/containers/VBoxExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/containers/VBoxExample.mxml
@@ -17,12 +17,15 @@
-->
<!-- Simple example to demonstrate the VBox layout container. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
- <mx:Panel title="VBox Container Example" height="75%" width="75%"
- paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+ <mx:Panel title="VBox Container Example"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
- <mx:Label width="100%" color="blue"
+ <mx:Label width="100%"
text="A VBox container with vertically aligned children."/>
<mx:VBox borderStyle="solid" paddingTop="10" paddingBottom="10"
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/containers/VDividedBoxExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/containers/VDividedBoxExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/containers/VDividedBoxExample.mxml
index de7701a..615c43f 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/containers/VDividedBoxExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/containers/VDividedBoxExample.mxml
@@ -17,12 +17,15 @@
-->
<!-- Simple example to demonstrate the VDividedBox layout -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
- <mx:Panel title="VDividedBox Container Example" width="90%" height="90%"
- paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+ <mx:Panel title="VDividedBox Container Example"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
- <mx:Text width="100%" color="blue"
+ <mx:Text width="100%"
text="Drag the divider up and down to resize the children."/>
<mx:VDividedBox width="100%" height="100%">
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/containers/ViewStackExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/containers/ViewStackExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/containers/ViewStackExample.mxml
index 26e1be4..abe893a 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/containers/ViewStackExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/containers/ViewStackExample.mxml
@@ -17,23 +17,26 @@
-->
<!-- Simple example to demonstrate the ViewStack layout container. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
- <mx:Panel title="ViewStack Container Example" height="95%" width="95%"
- paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+ <mx:Panel title="ViewStack Container Example"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
- <mx:Text width="100%" color="blue"
+ <mx:Text width="100%"
text="Use the Button controls to change panels of the ViewStack container."/>
<mx:HBox borderStyle="solid" width="100%"
paddingTop="5" paddingLeft="5" paddingRight="5" paddingBottom="5">
<mx:Button id="searchButton" label="Search Panel"
- click="myViewStack.selectedChild=search;"/>
+ click="myViewStack.selectedChild=search"/>
<mx:Button id="cInfoButton" label="Customer Info Panel"
- click="myViewStack.selectedChild=custInfo;"/>
+ click="myViewStack.selectedChild=custInfo"/>
<mx:Button id="aInfoButton" label="Account Panel"
- click="myViewStack.selectedChild=accountInfo;"/>
+ click="myViewStack.selectedChild=accountInfo"/>
</mx:HBox>
<!-- Define the ViewStack and the three child containers and have it
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/controls/AdvancedDataGridExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/AdvancedDataGridExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/AdvancedDataGridExample.mxml
index ab61096..29a1ca4 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/controls/AdvancedDataGridExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/controls/AdvancedDataGridExample.mxml
@@ -16,9 +16,11 @@
limitations under the License.
-->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
- <fx:Script>
+ <fx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
@@ -45,12 +47,12 @@
</fx:Script>
<mx:Panel title="AdvancedDataGrid Control Example"
- height="75%" width="75%" layout="horizontal"
- paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
<mx:AdvancedDataGrid id="myADG"
width="100%" height="100%"
- initialize="gc.refresh();">
+ initialize="gc.refresh()">
<mx:dataProvider>
<mx:GroupingCollection2 id="gc" source="{dpFlat}">
<mx:grouping>
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/controls/ButtonBarExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/ButtonBarExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/ButtonBarExample.mxml
index e3725cf..5dddd37 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/controls/ButtonBarExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/controls/ButtonBarExample.mxml
@@ -17,9 +17,11 @@
-->
<!-- Simple example to demonstrate the ButtonBar control. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
- <fx:Script>
+ <fx:Script>
<![CDATA[
import mx.events.ItemClickEvent;
@@ -33,15 +35,16 @@
]]>
</fx:Script>
- <mx:Panel title="ButtonBar Control Example" height="75%" width="75%"
- paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+ <mx:Panel title="ButtonBar Control Example"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
- <mx:Label width="100%" color="blue"
+ <mx:Label width="100%"
text="Select a button in the ButtonBar control."/>
<mx:TextArea id="myTA" width="100%" height="100%"/>
- <mx:ButtonBar itemClick="clickHandler(event);">
+ <mx:ButtonBar itemClick="clickHandler(event)">
<mx:dataProvider>
<fx:Array>
<fx:String>Flex SDK</fx:String>
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/controls/ButtonExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/ButtonExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/ButtonExample.mxml
index 0ef5c63..f3cbc4d 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/controls/ButtonExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/controls/ButtonExample.mxml
@@ -17,9 +17,11 @@
-->
<!-- Simple example to demonstrate the Button control. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
- <fx:Script>
+ <fx:Script>
<![CDATA[
import flash.events.Event;
@@ -33,27 +35,27 @@
]]>
</fx:Script>
- <mx:Panel title="Button Control Example"
- height="75%" width="75%" layout="horizontal"
- paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
-
- <mx:VBox>
- <mx:Label width="100%" color="blue"
+ <mx:Panel title="Button Control Example" layout="horizontal"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
+
+ <mx:VBox>
+ <mx:Label width="100%"
text="Select a Button control."/>
<!-- The button can contain an image, as in the "Button with Icon" button -->
<!-- The button can contain an image, as in the "Button with Icon" button -->
<mx:Button id="iconButton" icon="@Embed('assets/ApacheFlexIcon.png')" label="Button with Icon"
- paddingLeft="12" paddingRight="18" labelPlacement="right" color="#993300" click="printMessage(event);"/>
+ paddingLeft="12" paddingRight="18" labelPlacement="right" color="#993300" click="printMessage(event)"/>
<!-- The size of the button and the label attributes can be customized -->
<mx:Button label="Customized Button" color="#993300" toggle="true" selected="true"
textAlign="left" fontStyle="italic" fontSize="13" width="{iconButton.width}"
- click="printMessage(event);"/>
+ click="printMessage(event)"/>
<!-- By default, the look and feel of the customized button is
similar to the Default Button. -->
- <mx:Button label="Default Button" click="printMessage(event);"/>
+ <mx:Button label="Default Button" click="printMessage(event)"/>
</mx:VBox>
<mx:TextArea id="message" text="" editable="false" height="100%" width="100%"
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/controls/CheckBoxExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/CheckBoxExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/CheckBoxExample.mxml
index 558039b..a6810df 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/controls/CheckBoxExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/controls/CheckBoxExample.mxml
@@ -17,9 +17,11 @@
-->
<!-- Simple example to demonstrate the CheckBox control -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
- <fx:Script>
+ <fx:Script>
<![CDATA[
import mx.controls.Alert;
@@ -55,9 +57,9 @@
]]>
</fx:Script>
- <mx:Panel title="CheckBox Control Example"
- height="75%" width="75%" layout="horizontal"
- paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
+ <mx:Panel title="CheckBox Control Example" layout="horizontal"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
<mx:VBox>
<mx:CheckBox id="milkCB" label="milk" click="modifyCart()"/>
@@ -70,7 +72,7 @@
<mx:TextArea id="cartItems" width="300" height="50" verticalScrollPolicy="off"/>
<!-- Event handler sendMessages() is used to handle event click -->
<mx:CheckBox id="couponCB" label="Send me coupons for items in my cart"
- click="sendMessage()" selected="true" color="blue"/>
+ click="sendMessage()" selected="true"/>
</mx:VBox>
</mx:Panel>
</mx:Application>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/controls/ColorPickerExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/ColorPickerExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/ColorPickerExample.mxml
index 435c332..6a454cf 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/controls/ColorPickerExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/controls/ColorPickerExample.mxml
@@ -17,16 +17,19 @@
-->
<!-- Simple example to demonstrate the ColorPicker control. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
- <mx:Panel title="ColorPicker Control Example" height="75%" width="75%"
- paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
+ <mx:Panel title="ColorPicker Control Example"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
- <mx:Label width="100%" color="blue"
+ <mx:Label width="100%"
text="Select the background color of the VBox container."/>
<mx:ColorPicker id="cp" showTextField="true" selectedColor="0xFFFFFF"/>
<mx:VBox width="100%" height="100%" backgroundColor="{cp.selectedColor}" borderStyle="solid"/>
- <mx:Label color="blue" text="selectedColor: 0x{cp.selectedColor.toString(16)}"/>
+ <mx:Label text="selectedColor: 0x{cp.selectedColor.toString(16)}"/>
</mx:Panel>
</mx:Application>
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/controls/DateChooserExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/DateChooserExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/DateChooserExample.mxml
index 5790534..a6c3040 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/controls/DateChooserExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/controls/DateChooserExample.mxml
@@ -17,9 +17,11 @@
-->
<!-- Simple example to demonstrate DateChooser control. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
- <fx:Script>
+ <fx:Script>
<![CDATA[
// Event handler function to write the selected
@@ -38,12 +40,13 @@
<mx:DateFormatter id="df"/>
</fx:Declarations>
- <mx:Panel title="DateChooser Control Example" height="75%" width="75%"
- paddingTop="10" paddingLeft="10" paddingRight="10">
+ <mx:Panel title="DateChooser Control Example"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
- <mx:Label width="100%" color="blue"
+ <mx:Label width="100%"
text="Select a date in the DateChooser control."/>
- <mx:Label width="100%" color="blue"
+ <mx:Label width="100%"
text="Select it again while holding down the Control key to clear it."/>
<mx:HBox horizontalGap="25">
@@ -51,14 +54,14 @@
<mx:Label text="Simple DateChooser control."/>
<mx:DateChooser id="dateChooser1" yearNavigationEnabled="true"
change="displayDate(DateChooser(event.target).selectedDate)"/>
- <mx:Label id="selection" color="blue" text="Date selected:"/>
+ <mx:Label id="selection" text="Date selected:"/>
</mx:VBox>
<mx:VBox>
<mx:Label text="Disable dates before June 1, 2006."/>
<mx:DateChooser id="dateChooser2" yearNavigationEnabled="true"
disabledRanges="{[ {rangeEnd: new Date(2006, 5, 1)} ]}"/>
- <mx:Label color="blue" text="Date selected: {df.format(dateChooser2.selectedDate)}"/>
+ <mx:Label text="Date selected: {df.format(dateChooser2.selectedDate)}"/>
</mx:VBox>
</mx:HBox>
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/controls/DateFieldExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/DateFieldExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/DateFieldExample.mxml
index 8e99773..0cacfa0 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/controls/DateFieldExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/controls/DateFieldExample.mxml
@@ -17,9 +17,11 @@
-->
<!-- Simple example to demonstrate the DateField control. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
- <fx:Script>
+ <fx:Script>
<![CDATA[
// Event handler for the DateField change event.
@@ -37,21 +39,22 @@
<mx:DateFormatter id="df"/>
</fx:Declarations>
- <mx:Panel title="DateField Control Example" height="75%" width="75%"
- paddingTop="10" paddingLeft="10" paddingRight="10">
+ <mx:Panel title="DateField Control Example"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
- <mx:Label width="100%" color="blue"
+ <mx:Label width="100%"
text="Select a date in the DateField control. Select it again to clear it."/>
<mx:Label text="Basic DateField:"/>
<mx:DateField id="dateField1" yearNavigationEnabled="true"
change="dateChanged(DateField(event.target).selectedDate)" />
- <mx:Label id="selection" color="blue" text="Date selected:" />
+ <mx:Label id="selection" text="Date selected:" />
<mx:Label text="Disable dates on or before June 1, 2006."/>
<mx:DateField id="dateField2" yearNavigationEnabled="true"
disabledRanges="{[ {rangeEnd: new Date(2006, 5, 1)} ]}" />
- <mx:Label color="blue" text="Date selected: {df.format(dateField2.selectedDate)}"/>
+ <mx:Label text="Date selected: {df.format(dateField2.selectedDate)}"/>
</mx:Panel>
</mx:Application>
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/controls/HScrollBarExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/HScrollBarExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/HScrollBarExample.mxml
index 6434919..629c8c5 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/controls/HScrollBarExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/controls/HScrollBarExample.mxml
@@ -17,9 +17,11 @@
-->
<!-- Simple example to demonstrate the HScrollBar control. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
- <fx:Script>
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
+
+ <fx:Script>
<![CDATA[
import mx.events.ScrollEvent;
@@ -37,19 +39,20 @@
]]>
</fx:Script>
- <mx:Panel id="panel" title="HScrollBar Control Example" height="75%" width="75%"
- paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
+ <mx:Panel id="panel" title="HScrollBar Control Example"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
- <mx:Label width="100%" color="blue"
+ <mx:Label width="100%"
text="Click on the scroll bar to view its properties."/>
<mx:HScrollBar id="bar" width="100%"
minScrollPosition="0" maxScrollPosition="{panel.width - 20}"
lineScrollSize="50" pageScrollSize="100"
- scroll="myScroll(event);"
+ scroll="myScroll(event)"
repeatDelay="1000" repeatInterval="500" />
- <mx:TextArea height="100%" width="100%" id="showPosition" color="blue" />
+ <mx:TextArea height="100%" width="100%" id="showPosition" />
</mx:Panel>
</mx:Application>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/controls/HorizontalListExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/HorizontalListExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/HorizontalListExample.mxml
index 71328fa..91e0593 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/controls/HorizontalListExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/controls/HorizontalListExample.mxml
@@ -17,9 +17,11 @@
-->
<!-- Simple example to demonstrate the HorizontalList Control. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
- <fx:Script>
+ <fx:Script>
<![CDATA[
[Bindable]
@@ -44,10 +46,11 @@
]]>
</fx:Script>
- <mx:Panel title="HorizontalList Control Example" height="75%" width="75%"
- paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
+ <mx:Panel title="HorizontalList Control Example"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
- <mx:Label width="100%" color="blue"
+ <mx:Label width="100%"
text="A HorizontalList control displays items in a single row."/>
<mx:HorizontalList id="CameraSelection" height="250" columnCount="3" columnWidth="125">
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/controls/LabelExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/LabelExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/LabelExample.mxml
index 4125693..203ddc7 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/controls/LabelExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/controls/LabelExample.mxml
@@ -17,9 +17,11 @@
-->
<!-- Simple example to demonstrate the Label control -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
- <fx:Script>
+ <fx:Script>
<![CDATA[
private var htmlData:String="<br>This label displays <b>bold</b> and <i>italic</i> HTML-formatted text.";
@@ -36,12 +38,13 @@
]]>
</fx:Script>
- <mx:Panel title="Label Control Example" height="75%" width="75%"
- paddingTop="10" paddingLeft="10">
+ <mx:Panel title="Label Control Example"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
<mx:Label id="simpleLabel" text="This Label displays plain text."/>
- <mx:Button id="Display" label="Click to display HTML Text" click="displayHTML();"/>
- <mx:Button id="Clear" label="Click to display plain text" click="displayText();"/>
+ <mx:Button id="Display" label="Click to display HTML Text" click="displayHTML()"/>
+ <mx:Button id="Clear" label="Click to display plain text" click="displayText()"/>
</mx:Panel>
</mx:Application>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/controls/LinkBarExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/LinkBarExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/LinkBarExample.mxml
index aa134bc..79447c4 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/controls/LinkBarExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/controls/LinkBarExample.mxml
@@ -17,11 +17,13 @@
-->
<!-- Simple example to demonstrate the LinkBar control. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
- <mx:Panel title="LinkBar Control Example"
- height="75%" width="75%" horizontalAlign="center"
- paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
+
+ <mx:Panel title="LinkBar Control Example"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
<mx:Text width="100%"
text="Select a link in the LinkBar control to set the active child of the ViewStack container."/>
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/controls/LinkButtonExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/LinkButtonExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/LinkButtonExample.mxml
index ea95b38..e572386 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/controls/LinkButtonExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/controls/LinkButtonExample.mxml
@@ -17,21 +17,23 @@
-->
<!-- Simple example to demonstrate the LinkButton control. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
- <fx:Script>
+ <fx:Script>
import mx.controls.Alert;
</fx:Script>
- <mx:Panel title="LinkButton Control Example"
- height="75%" width="75%" horizontalAlign="center"
- paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
+ <mx:Panel title="LinkButton Control Example"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
<mx:Label width="100%"
text="Select the LinkButton control to open the Alert control."/>
<mx:LinkButton label="LinkButton control" color="#0000FF" fontWeight="bold"
- click="Alert.show('LinkButton selected!');"/>
+ click="Alert.show('LinkButton selected!')"/>
</mx:Panel>
</mx:Application>
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/controls/Local.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/Local.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/Local.mxml
index ef16637..ee6bdc7 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/controls/Local.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/controls/Local.mxml
@@ -17,9 +17,10 @@
-->
<!-- Flex application loaded by the SWFLoader control. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" height="75" width="350">
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ width="100%" height="100%">
- <mx:Label color="blue" text="The Label control of the embedded application."/>
+ <mx:Label text="The Label control of the embedded application."/>
</mx:Application>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/controls/MenuBarExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/MenuBarExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/MenuBarExample.mxml
index 0deacc4..ab439b2 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/controls/MenuBarExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/controls/MenuBarExample.mxml
@@ -17,9 +17,12 @@
-->
<!-- Simple example to demonstrate the MenuBar control. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" creationComplete="initCollections();" >
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%"
+ creationComplete="initCollections()">
- <fx:Script>
+ <fx:Script>
<![CDATA[
import mx.events.MenuEvent;
@@ -64,13 +67,14 @@
]]>
</fx:Script>
- <mx:Panel title="MenuBar Control Example" height="75%" width="75%"
- paddingTop="10" paddingLeft="10">
+ <mx:Panel title="MenuBar Control Example"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
- <mx:Label width="100%" color="blue"
+ <mx:Label width="100%"
text="Select a menu item."/>
- <mx:MenuBar labelField="@label" itemClick="menuHandler(event);"
+ <mx:MenuBar labelField="@label" itemClick="menuHandler(event)"
dataProvider="{menuBarCollection}" />
</mx:Panel>
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/6fd69880/TourDeFlex/TourDeFlex3/src/mx/controls/NumericStepperExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/NumericStepperExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/NumericStepperExample.mxml
index 6869276..19d8ab8 100755
--- a/TourDeFlex/TourDeFlex3/src/mx/controls/NumericStepperExample.mxml
+++ b/TourDeFlex/TourDeFlex3/src/mx/controls/NumericStepperExample.mxml
@@ -17,16 +17,19 @@
-->
<!-- Simple example to demonstrate the NumericStepper control. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+ paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0"
+ height="100%" width="100%">
- <mx:Panel title="NumericStepper Control Example" height="75%" width="75%"
- paddingTop="10" paddingLeft="10">
+ <mx:Panel title="NumericStepper Control Example"
+ paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10"
+ height="100%" width="100%">
- <mx:Text width="100%" color="blue"
+ <mx:Text width="100%"
text="Default NumericStepper control with a minimum=0, maximum=10, and stepSize=1."/>
<mx:NumericStepper/>
- <mx:Text width="100%" color="blue"
+ <mx:Text width="100%"
text="NumericStepper control with a minimum=10, maximum=40, stepSize=0.01, and starting value of 20."/>
<mx:NumericStepper id="ns"
@@ -35,7 +38,7 @@
value="20.00"
width="65"/>
- <mx:Label color="blue" text="You selected {ns.value}"/>
+ <mx:Label text="You selected {ns.value}"/>
</mx:Panel>
</mx:Application>