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/feature/mdl
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"

Reply via email to