mustella/tests/containers/Canvas/SWFs/ConstraintBasedLayout_Canvas.mxml

<?xml version="1.0" encoding="utf-8"?>
<!--

  Licensed to the Apache Software Foundation (ASF) under one or more
  contributor license agreements.  See the NOTICE file distributed with
  this work for additional information regarding copyright ownership.
  The ASF licenses this file to You under the Apache License, Version 2.0
  (the "License"); you may not use this file except in compliance with
  the License.  You may obtain a copy of the License at

      http://www.apache.org/licenses/LICENSE-2.0

  Unless required by applicable law or agreed to in writing, software
  distributed under the License is distributed on an "AS IS" BASIS,
  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  See the License for the specific language governing permissions and
  limitations under the License.

-->
   <mx:Application backgroundColor="0xFFFFFF" backgroundImage="" xmlns:mx="http://www.adobe.com/2006/mxml" width="900" height="800"
       xmlns:comps="comps.*" >

	<mx:Style source="../../../../Assets/Fonts/myStyles.css" />
	
	<comps:PercentageRowColumnCanvasComp id="canvas1" />
	
	<comps:ContentRowColumnCanvasComp id="canvas2" />
	
	<mx:Canvas id="emptyCanvas" />
      
	<mx:Canvas width="100%" height="100%">
	<mx:constraintColumns>
	    <mx:ConstraintColumn id="col1" width="250"/>
	    <mx:ConstraintColumn id="col2" width="100"/>
	</mx:constraintColumns>
	<mx:constraintRows>
	    <mx:ConstraintRow id="row1"/>
	    <mx:ConstraintRow id="row2"/>
	    <mx:ConstraintRow id="row3"/>
	    <mx:ConstraintRow id="row4"/>
	    <mx:ConstraintRow id="row5"/>
	    <mx:ConstraintRow id="row6"/>
	    <mx:ConstraintRow id="row7"/>
	</mx:constraintRows>
        
        <mx:Text width="100%" left="col1:0" top="row1:0">
            <mx:htmlText>
                <![CDATA[
                  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam laoreet euismod tortor. Integer at dolor. Pellentesque id elit non orci congue dictum. Sed facilisis. Quisque enim est, feugiat eget, tincidunt vitae, pellentesque eu, velit. Aliquam lobortis leo in erat feugiat fringilla. Nunc vitae arcu. Suspendisse potenti. Curabitur gravida, lacus ac porttitor suscipit, massa libero sollicitudin lorem, eu porttitor velit lorem eget nisl. Curabitur non urna sed lorem adipiscing viverra. Duis rutrum elit posuere mauris. Vestibulum nibh.</p>
                  <p>Curabitur condimentum ante et eros. Mauris ullamcorper massa sed sapien. Mauris sed nunc eget tortor placerat semper. Cras facilisis ante nec nulla. Donec placerat tellus vitae turpis. Nulla ut eros. Ut accumsan aliquet dolor. Aenean vitae diam. Aenean dolor. Proin sem urna, molestie ut, mattis sed, dapibus vitae, orci. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Morbi vitae nibh sit amet tellus condimentum aliquet. Integer convallis augue ut eros. Ut egestas tellus in mauris. Aenean eu velit. Nunc elementum, neque cursus elementum pellentesque, velit justo tempus nibh, ac pellentesque quam ipsum sed ante. Fusce a risus sit amet odio sodales scelerisque. Praesent tempus.</p>
                ]]>
            </mx:htmlText>
        </mx:Text>
        
        <mx:Text text="Tasks" fontWeight="bold" fontSize="14" textAlign="center" left="col1:0" right="col2:0" top="row2:20"/>
        
        <mx:Button label="1. " height="25" textAlign="left" top="row3:0" left="col1:0"/>
        <mx:Label text="Complete" color="0xff0000" fontWeight="bold" textAlign="center" left="col2:0" top="row3:0" right="col2:0"/>
        
        <mx:Button label="2. " height="25" textAlign="left" top="row4:0" left="col1:0"/>
        <mx:Label text="Complete" color="0xff0000" fontWeight="bold" textAlign="center" top="row4:0" left="col2:0" right="col2:0"/>
        
        <mx:Button label="3." height="25" textAlign="left"  top="row5:0" left="col1:0"/>
        <mx:Label text="Complete" color="0xff0000" fontWeight="bold" textAlign="center" top="row5:0" left="col2:0" right="col2:0"/>
        
        <mx:Button label="4. " height="25" textAlign="left"  top="row6:0" left="col1:0"/>
        <mx:Label text="Complete" color="0xff0000" fontWeight="bold" width="100%" textAlign="center" top="row6:0" left="col2:0" right="col2:0"/>
        
        <mx:Button label="5. " height="25" textAlign="left"  top="row7:0" left="col1:0"/>
        <mx:Label text="Complete" color="0xff0000" fontWeight="bold" width="100%" textAlign="center" top="row7:0" left="col2:0" right="col2:0"/>
        
    </mx:Canvas>

   </mx:Application>