percentage layout does not work well when in a child of flex-box container, so we have to approximate percentages with flex-grow instead
Project: http://git-wip-us.apache.org/repos/asf/flex-asjs/repo Commit: http://git-wip-us.apache.org/repos/asf/flex-asjs/commit/fae4a658 Tree: http://git-wip-us.apache.org/repos/asf/flex-asjs/tree/fae4a658 Diff: http://git-wip-us.apache.org/repos/asf/flex-asjs/diff/fae4a658 Branch: refs/heads/release0.8.0 Commit: fae4a658b43a1cb77908e2a1acc10cc2259fa16b Parents: f15f3b8 Author: Alex Harui <aha...@apache.org> Authored: Thu Jun 1 11:50:31 2017 -0700 Committer: Alex Harui <aha...@apache.org> Committed: Fri Jun 2 00:04:48 2017 -0700 ---------------------------------------------------------------------- .../MobileStocks/src/main/flex/views/LaunchView.mxml | 10 ++++------ 1 file changed, 4 insertions(+), 6 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/fae4a658/examples/flexjs/MobileStocks/src/main/flex/views/LaunchView.mxml ---------------------------------------------------------------------- diff --git a/examples/flexjs/MobileStocks/src/main/flex/views/LaunchView.mxml b/examples/flexjs/MobileStocks/src/main/flex/views/LaunchView.mxml index 91fecfe..541480d 100644 --- a/examples/flexjs/MobileStocks/src/main/flex/views/LaunchView.mxml +++ b/examples/flexjs/MobileStocks/src/main/flex/views/LaunchView.mxml @@ -122,7 +122,7 @@ limitations under the License. </fx:Metadata> <js:beads> - <js:VerticalLayout /> + <js:VerticalFlexLayout /> </js:beads> <!-- @@ -146,8 +146,7 @@ limitations under the License. <js:TextButton id="removeButton" text="Remove" width="80" click="removeSymbol()" className="InputChild" /> </js:Container> - <js:Container height="45%" width="100%"> - <js:DataGrid id="assetGrid" height="100%" width="100%" rowHeight="25" change="gridSelected()" className="LaunchGrid"> + <js:DataGrid id="assetGrid" style="flex-grow:'45'" width="100%" rowHeight="25" change="gridSelected()" className="LaunchGrid"> <js:beads> <js:DataGridPercentageView /> <js:SimpleBinding @@ -165,11 +164,10 @@ limitations under the License. <js:DataGridColumn columnWidth="24" label="Total $" dataField="shares" itemRenderer="renderers.SharesTotalRenderer" /> </js:columns> </js:DataGrid> - </js:Container> - <js:Spacer height="3%" /> + <js:Spacer style="flex-grow:'3'" /> - <js:BarChart id="barChart" width="100%" height="40%" className="AllCharts"> + <js:BarChart id="barChart" width="100%" style="flex-grow:'45'" className="AllCharts"> <js:model> <js:ChartArrayListSelectionModel /> </js:model>
