Make MobileTrader for flexible for different screen sizes.
Project: http://git-wip-us.apache.org/repos/asf/flex-asjs/repo Commit: http://git-wip-us.apache.org/repos/asf/flex-asjs/commit/820ae80c Tree: http://git-wip-us.apache.org/repos/asf/flex-asjs/tree/820ae80c Diff: http://git-wip-us.apache.org/repos/asf/flex-asjs/diff/820ae80c Branch: refs/heads/master Commit: 820ae80cd4adffb5fe0c1d0bada8ddaed1f7d881 Parents: c152902 Author: Peter Ent <[email protected]> Authored: Wed Oct 21 15:41:00 2015 -0400 Committer: Peter Ent <[email protected]> Committed: Wed Oct 21 15:41:00 2015 -0400 ---------------------------------------------------------------------- .../flexjs/MobileTrader/src/MobileTrader.mxml | 2 +- .../flexjs/MobileTrader/src/MyInitialView.mxml | 29 ++++++++++---------- .../MobileTrader/src/views/AlertsView.mxml | 4 +-- 3 files changed, 18 insertions(+), 17 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/820ae80c/examples/flexjs/MobileTrader/src/MobileTrader.mxml ---------------------------------------------------------------------- diff --git a/examples/flexjs/MobileTrader/src/MobileTrader.mxml b/examples/flexjs/MobileTrader/src/MobileTrader.mxml index 4537ff3..c76531c 100755 --- a/examples/flexjs/MobileTrader/src/MobileTrader.mxml +++ b/examples/flexjs/MobileTrader/src/MobileTrader.mxml @@ -34,6 +34,6 @@ </js:model> <js:initialView> - <local:MyInitialView width="480" height="640" /> + <local:MyInitialView width="100%" height="100%" /> </js:initialView> </js:Application> http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/820ae80c/examples/flexjs/MobileTrader/src/MyInitialView.mxml ---------------------------------------------------------------------- diff --git a/examples/flexjs/MobileTrader/src/MyInitialView.mxml b/examples/flexjs/MobileTrader/src/MyInitialView.mxml index 1c6b07d..cc99946 100755 --- a/examples/flexjs/MobileTrader/src/MyInitialView.mxml +++ b/examples/flexjs/MobileTrader/src/MyInitialView.mxml @@ -43,10 +43,10 @@ limitations under the License. basic|TabbedViewManager { position : absolute ; - height : 640px ; - width : 480px ; - left : 100px ; - top : 20px ; + height : 100% ; + width : 100% ; + left : 0px ; + top : 0px ; border: solid 1px #444444; background-color: #FFFFFF; } @@ -82,25 +82,26 @@ limitations under the License. } views|AssetsView { - width: 480px; - height: 640px; + width: 100%; + height: 100%; } views|WatchListView { - width: 480px; - height: 640px; + width: 100%; + height: 100%; IBeadController:ClassReference('controller.WatchListController'); background-color: #FFFFFF; } .WatchListInner { height: 480px; - width: 480px; + width: 100%; + background-color: #FFFFFF; } .WatchListDataGrid { height: 480px; - width: 480px; + width: 100%; } .WatchListInputArea { @@ -112,13 +113,13 @@ limitations under the License. } views|StockView { - width: 480px; - height: 640px; + width: 100%; + height: 100%; } views|AlertsView { - width: 480px; - height: 640px; + width: 100%; + height: 100%; IBeadController:ClassReference('controller.AlertsViewController'); } http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/820ae80c/examples/flexjs/MobileTrader/src/views/AlertsView.mxml ---------------------------------------------------------------------- diff --git a/examples/flexjs/MobileTrader/src/views/AlertsView.mxml b/examples/flexjs/MobileTrader/src/views/AlertsView.mxml index 3bc76bb..6a393de 100755 --- a/examples/flexjs/MobileTrader/src/views/AlertsView.mxml +++ b/examples/flexjs/MobileTrader/src/views/AlertsView.mxml @@ -57,9 +57,9 @@ limitations under the License. <js:HorizontalLayout /> </js:beads> <js:Label text="Symbol:" /> - <js:TextInput id="symbolField" /> + <js:TextInput id="symbolField" width="50" /> <js:Label text="Value:" /> - <js:TextInput id="valueField" /> + <js:TextInput id="valueField" width="50" /> <js:CheckBox text="Higher?" id="higherCheck" /> <js:TextButton text="Set" click="onAlertSet()" /> </js:Container>
