in HTML, 100% width is the width of the parent's client area and doesn't factor in left/right attributes. Switch to using left/right instead of width in many places
Project: http://git-wip-us.apache.org/repos/asf/flex-asjs/repo Commit: http://git-wip-us.apache.org/repos/asf/flex-asjs/commit/1137622a Tree: http://git-wip-us.apache.org/repos/asf/flex-asjs/tree/1137622a Diff: http://git-wip-us.apache.org/repos/asf/flex-asjs/diff/1137622a Branch: refs/heads/develop Commit: 1137622a4953981eee5653d2b3cd5710be0808d2 Parents: 218a622 Author: Alex Harui <[email protected]> Authored: Thu Jan 8 16:46:39 2015 -0800 Committer: Alex Harui <[email protected]> Committed: Fri Jan 9 08:09:48 2015 -0800 ---------------------------------------------------------------------- examples/FlexJSStore/src/HomeView.mxml | 26 +++++++++++++------------- 1 file changed, 13 insertions(+), 13 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/1137622a/examples/FlexJSStore/src/HomeView.mxml ---------------------------------------------------------------------- diff --git a/examples/FlexJSStore/src/HomeView.mxml b/examples/FlexJSStore/src/HomeView.mxml index 12caf0e..f826a05 100755 --- a/examples/FlexJSStore/src/HomeView.mxml +++ b/examples/FlexJSStore/src/HomeView.mxml @@ -53,25 +53,25 @@ Width and height are hard-coded in the root tag to help the Design view. <basic:VContainer width="230" height="100%"> <basic:Container width="100%" height="100%"> - <basic:Container width="100%" height="60" className="homeSection"> + <basic:Container height="60" className="homeSection"> <basic:style> - <basic:SimpleCSSStyles backgroundColor="#ebebe9" left="10" top="10" /> + <basic:SimpleCSSStyles backgroundColor="#ebebe9" left="10" top="10" right="10"/> </basic:style> <basic:Label style="left:10;top:10" text="Search Developers" height="22" className="sectionHeader" /> - <basic:TextButton style="left:168;top:30" text="Go" width="47" height="20" className="glass" click="SimpleAlert.show('This feature is not implemented in this sample', 'Go')"/> + <basic:TextButton style="left:168;top:30" text="Go" width="27" height="20" className="glass" click="SimpleAlert.show('This feature is not implemented in this sample', 'Go')"/> <basic:TextInput style="left:10;top:30" height="20" width="150"/> </basic:Container> - <basic:Container width="100%" height="280" className="homeSection"> + <basic:Container height="280" className="homeSection"> <basic:style> - <basic:SimpleCSSStyles backgroundColor="#ffffff" left="10" top="78" /> + <basic:SimpleCSSStyles backgroundColor="#ffffff" left="10" top="78" right="10" /> </basic:style> <basic:VContainer width="100%" height="100%"> <basic:style> <basic:SimpleCSSStyles left="10" top="10" /> </basic:style> <basic:Label text="Flex Experts That Can Help You" className="sectionHeader"/> - <basic:HRule height="5" width="197"/> + <basic:HRule height="5" width="187" style="marginLeft:0"/> <basic:Label text="General" className="homeProgramHeader"/> <basic:Label text="BlazeDS Experts" style="fontSize:9"/> <basic:Spacer height="8" width="100%"/> @@ -87,9 +87,9 @@ Width and height are hard-coded in the root tag to help the Design view. </basic:VContainer> </basic:Container> - <basic:Container width="100%" height="174" className="homeSection"> + <basic:Container height="174" className="homeSection"> <basic:style> - <basic:SimpleCSSStyles backgroundColor="#ebebe9" left="10" top="366" /> + <basic:SimpleCSSStyles backgroundColor="#ebebe9" left="10" top="366" right="10" /> </basic:style> <basic:VContainer width="100%" height="100%"> <basic:style> @@ -130,9 +130,9 @@ Width and height are hard-coded in the root tag to help the Design view. <basic:Container width="100%" height="100%"> <!-- can't use binding to set the mapImage source because the style isn't available early enough --> - <basic:Container id="mapCanvas" width="100%" height="35%" className="homeMap"> + <basic:Container id="mapCanvas" height="35%" className="homeMap"> <basic:style> - <basic:SimpleCSSStyles right="10" top="10" /> + <basic:SimpleCSSStyles left="0" right="10" top="10" /> </basic:style> <basic:Image id="mapImage" width="487" height="100%" alpha="1.0" style="left:10;top:10"/> <basic:Label y="110" text="US Developers . Flex . FlexJS" width="95%" height="40" style="horizontalCenter:0;fontWeight:'bold';fontSize:22;color:#ffffff;fontFamily:'Arial';textAlign:'center'"/> @@ -141,14 +141,14 @@ Width and height are hard-coded in the root tag to help the Design view. <basic:Label text="Rates as low as" x="551" y="16" style="fontSize:12"/> </basic:Container> - <basic:Container width="100%" height="330" > + <basic:Container height="330" > <basic:style> - <basic:SimpleCSSStyles backgroundColor="#ffffff" borderStyle="solid" bottom="10" right="10" /> <!-- cornerRadius="4" --> + <basic:SimpleCSSStyles backgroundColor="#ffffff" borderStyle="solid" bottom="10" right="10" left="0" /> <!-- cornerRadius="4" --> </basic:style> <basic:Label style="left:10;top:10" text="Featured Developers" width="173" height="25" className="sectionHeader"/> - <basic:HContainer style="left:0;top:43" width="100%" height="100%"> + <basic:HContainer style="left:10;top:43" width="100%" height="100%"> <basic:VContainer width="33%" height="100%"> <basic:beads> <basic:LayoutChangeNotifier watchedProperty="{image1.height}" />
