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/master Commit: 6fd69880c00115f7bbdea5c1565f605753d83189 Parents: 338cd0c Author: Justin Mclean <[email protected]> Authored: Sat Oct 18 11:30:17 2014 +1100 Committer: Justin Mclean <[email protected]> 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>
