Cleaned up MobileStocks example with chart and text alignment issues.
Project: http://git-wip-us.apache.org/repos/asf/flex-asjs/repo Commit: http://git-wip-us.apache.org/repos/asf/flex-asjs/commit/533016fc Tree: http://git-wip-us.apache.org/repos/asf/flex-asjs/tree/533016fc Diff: http://git-wip-us.apache.org/repos/asf/flex-asjs/diff/533016fc Branch: refs/heads/refactor-sprite Commit: 533016fc49b40de8b99935f15375c71ac99199f7 Parents: 346718a Author: Peter Ent <p...@apache.org> Authored: Tue Oct 18 15:40:23 2016 -0400 Committer: Peter Ent <p...@apache.org> Committed: Tue Oct 18 15:40:23 2016 -0400 ---------------------------------------------------------------------- .../flexjs/MobileStocks/src/MyInitialView.mxml | 11 +++++- .../MobileStocks/src/views/LaunchView.mxml | 39 ++++++++++++++------ 2 files changed, 38 insertions(+), 12 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/533016fc/examples/flexjs/MobileStocks/src/MyInitialView.mxml ---------------------------------------------------------------------- diff --git a/examples/flexjs/MobileStocks/src/MyInitialView.mxml b/examples/flexjs/MobileStocks/src/MyInitialView.mxml index 11873b1..1dc27a3 100755 --- a/examples/flexjs/MobileStocks/src/MyInitialView.mxml +++ b/examples/flexjs/MobileStocks/src/MyInitialView.mxml @@ -34,6 +34,14 @@ limitations under the License. background-color: #FFFFFF; } + js|TextInput { + font-size: 10pt; + } + + js|Label { + font-size: 8pt; + } + js|StackedViewManager { padding-top: 0px; padding-bottom: 0px; @@ -53,7 +61,8 @@ limitations under the License. .NavigationBar { background-image: url("assets/background.png"); - height: 55px; + height: 56px; + width: 100%; IBeadLayout: ClassReference("org.apache.flex.html.beads.layouts.HorizontalLayout"); } http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/533016fc/examples/flexjs/MobileStocks/src/views/LaunchView.mxml ---------------------------------------------------------------------- diff --git a/examples/flexjs/MobileStocks/src/views/LaunchView.mxml b/examples/flexjs/MobileStocks/src/views/LaunchView.mxml index 094da51..5528996 100644 --- a/examples/flexjs/MobileStocks/src/views/LaunchView.mxml +++ b/examples/flexjs/MobileStocks/src/views/LaunchView.mxml @@ -81,20 +81,37 @@ limitations under the License. padding-right: 10px; } + .DataGridListArea .StringItemRenderer { + font-size: 10px; + } + + .HorizontalAxis .TickLabel { + color: #333333; + } + + .VerticalAxis .TickLabel { + color: #333333; + } + .Outer1 { - background-color: #FFFFCC; + background-color: #FFFFFF; + vertical-align: middle; + } + + .InputChild { + vertical-align: middle; } .Outer2 { - background-color: #FF0000; + background-color: #FFFFFF; } .LaunchGrid { - background-color: #0000FF; + background-color: #FFFFFF; } .DataGridListArea { - background-color: #CCFFFF; + background-color: #FFFFFF; } </fx:Style> @@ -114,15 +131,15 @@ limitations under the License. <js:beads> <js:OneFlexibleChildHorizontalLayout flexibleChild="spacer1" maxWidth="400" maxHeight="20" /> </js:beads> - <js:Label text="Symbol:" /> - <js:TextInput id="symbolInput" width="50" /> + <js:Label text="Symbol:" className="InputChild" /> + <js:TextInput id="symbolInput" width="50" className="InputChild" /> <js:Spacer width="10" /> - <js:Label text="Shares:" /> - <js:TextInput id="sharesInput" width="50" /> + <js:Label text="Shares:" className="InputChild" /> + <js:TextInput id="sharesInput" width="50" className="InputChild" /> <js:Spacer width="10" /> - <js:TextButton id="addButton" text="Add" width="80" click="addSymbol()" /> + <js:TextButton id="addButton" text="Add" width="80" click="addSymbol()" className="InputChild" /> <js:Spacer id="spacer1" width="1" /> - <js:TextButton id="removeButton" text="Remove" width="80" click="removeSymbol()" /> + <js:TextButton id="removeButton" text="Remove" width="80" click="removeSymbol()" className="InputChild" /> </js:Container> <js:Container height="45%" width="100%" className="Outer2"> @@ -154,7 +171,7 @@ limitations under the License. </js:model> <js:beads> <js:DataItemRendererFactoryForSeriesArrayListData /> - <js:BarChartLayoutForArrayList /> + <js:BarChartLayoutForArrayList gap="2" /> <js:SimpleBinding eventName="update" sourceID="dataModel"
