flex-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From ha...@apache.org
Subject [21/25] git commit: [flex-asjs] [refs/heads/tlf] - percentage layout does not work well when in a child of flex-box container, so we have to approximate percentages with flex-grow instead
Date Sat, 03 Jun 2017 20:33:33 GMT
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/tlf
Commit: fae4a658b43a1cb77908e2a1acc10cc2259fa16b
Parents: f15f3b8
Author: Alex Harui <aharui@apache.org>
Authored: Thu Jun 1 11:50:31 2017 -0700
Committer: Alex Harui <aharui@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>


Mime
View raw message