3 Replies Latest reply on Jun 29, 2008 10:33 PM by Gregory Lafrance

    different row heights Tile List

    Flex_in_Mind
      How can i variable/different row heights for the <mx:TileList> container?
        • 2. Re: different row heights Tile List
          Flex_in_Mind Level 1
          I already used it, but its not working :(

          <mx:TileList width="100%" height="100%" fontFamily="Times New Roman" color="#000000" fontSize="14" borderStyle="none"
          allowMultipleSelection="false" enabled="true" alternatingItemColors="[#D0E2F6, #EEEEEE]"
          columnCount="1" rowCount="{_model.products.length}" variableRowHeight="true"
          dataProvider="{_model.products}">
          <mx:itemRenderer>
          <mx:Component>
          <mx:VBox backgroundAlpha="0.0" borderStyle="none" backgroundColor="#ffffff">
          <mx:Script>
          <![CDATA[
          import com.komelon.model.KomelonModelLocator;

          [Bindable]
          private var _model:KomelonModelLocator = KomelonModelLocator.getInstance();
          ]]>
          </mx:Script>
          <mx:Canvas borderStyle="outset" borderColor="#cccccc" x="5" y="5" borderThickness="2">
          <mx:Image source="{data.image}" maxWidth="176"/>
          </mx:Canvas>
          <mx:Canvas borderStyle="outset" borderColor="#cccccc" x="100" y="5" borderThickness="2">
          <mx:Image source="{data.image_usage}" maxWidth="176"/>
          </mx:Canvas>
          <mx:Canvas borderStyle="outset" borderColor="#cccccc" x="200" y="5" borderThickness="2">
          <mx:Image source="{data.image_clamshell}" maxWidth="176"/>
          </mx:Canvas>
          <mx:Canvas borderStyle="outset" borderColor="#cccccc" x="300" y="5" borderThickness="2">
          <mx:Image source="{data.image_table}" maxWidth="176"/>
          </mx:Canvas>
          <mx:Label text="{data.title}" color="#000000" width="400" textAlign="left" height="30" fontFamily="Times New Roman" fontSize="20" id="title" x="195" y="0"/>
          <mx:Label text="{data.model_number}" color="#333333" width="400" textAlign="left" height="18" id="date" fontFamily="Times New Roman" fontSize="12" x="195" y="27" />
          <mx:List dataProvider="{data.description}"/>
          </mx:VBox>
          </mx:Component>
          </mx:itemRenderer>
          </mx:TileList>
          • 3. Re: different row heights Tile List
            Gregory Lafrance Level 6
            Maybe because you are dealing with images they are all resizing to the same size?