You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@flex.apache.org by ah...@apache.org on 2017/06/02 07:04:45 UTC
[5/7] git commit: [flex-asjs] [refs/heads/release0.8.0] - percentage
layout does not work well when in a child of flex-box container,
so we have to approximate percentages with flex-grow instead
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 <ah...@apache.org>
Authored: Thu Jun 1 11:50:31 2017 -0700
Committer: Alex Harui <ah...@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>