4 Replies Latest reply on Aug 26, 2009 9:23 PM by Flex harUI

    textArea inside HorizontalList

    Luke Immes

      HorizontalList works with label="my text"...

      I want it to work with TextArea information, it shows: TextArea TextArea ....

       

      Aside: DataGrid displays long labels with word wrap- which is fine, assuming I use columns.

      So, to reiterate, 'How  can I get textArea, with optional word wrap in a horizontal list?

      Thanks for your time.

      LPImmes.

       

       

      <mx:VBox height="100%">

      <mx:HorizontalList alternatingItemColors="[#ffffff, #cccccc]" dragEnabled="true" dropEnabled="true" dragMoveEnabled="true"

      borderColor="#67D7BE" borderStyle="solid" borderThickness="10" height="150" toolTip="START: Drag/drop item to any other box."

      >

      <!--<mx:columns>

      <mx:DataGridColumn headerText="RECMDED BLOGS" wordWrap="true" width="125" dataField="title"/>

      </mx:columns>-->

       

      <!-- DataGrid data -->

      <!--<mx:dataProvider>

      <mx:ArrayCollection>

      <mx:Object blogId="0" title="Cafferty File: Tell Jack how you really feel Blog Archive - If N ..." />

      <mx:Object blogId="1" title="CNN Political Ticker: All politics, all the time Blog Archive ..." />

      <mx:Object blogId="2" title="Cafferty File: Tell Jack how you really feel Blog Archive - North ..." />

      <mx:Object blogId="3" title="Palin's Charlie Gibson Debut - The Stump" />

      <mx:Object blogId="4" title="Ben Smith&#39;s Blog: Obama: &#39;Steel in his spine&#39; - Politico.com" />

      </mx:ArrayCollection>

      </mx:dataProvider>-->

       

      <!-- HorizontalList data, works with HorizontalList, but text is spread out in FULL. I don't want this. -->

      <mx:dataProvider>

      <mx:ArrayCollection>

      <mx:TextArea text="Cafferty File: Tell Jack how you really feel Blog Archive - If N ..."/>

      <mx:TextArea text="Cafferty File: Tell Jack how you really feel Blog Archive - If N ..." />

      <mx:TextArea text="CNN Political Ticker: All politics, all the time Blog Archive ..." />

      <mx:TextArea text="Cafferty File: Tell Jack how you really feel Blog Archive - North ..." />

      <mx:TextArea text="Palin's Charlie Gibson Debut - The Stump" />

      <mx:TextArea text="Ben Smith&#39;s Blog: Obama: &#39;Steel in his spine&#39; - Politico.com" />

      </mx:ArrayCollection>

      </mx:dataProvider>

       

      </mx:HorizontalList>

      </mx:VBox>

        • 1. Re: textArea inside HorizontalList
          Luke Immes Level 1

          From LPImmes,

          Test reply; I should get some email.

          Luke

          • 2. Re: textArea inside HorizontalList
            Flex harUI Adobe Employee

            I'm not clear on the problem.  If you set the itemRenderer=TextArea, what do you get?

             

            Alex Harui

            Flex SDK Developer

            Adobe Systems Inc.

            Blog: http://blogs.adobe.com/aharui

            • 3. Re: textArea inside HorizontalList
              Luke Immes Level 1

              Goal, that I want to achieve, i.e., the WHAT, not the HOW:

               

              ------------------------------------------------------------------------------------------ -------------------------------------------------------------

              First textArea has text and we          Second text area is now being filled           We are in a horizontal          This row should be

              write more. Boxes are OK                 and it wraps around.                                  row 0; 3rd textarea              scrollable individual

              around the text area                                                                                                                                   text areas; 4th textArea.

              ------------------------------------------------------------------------------------------ -------------------------------------------------------------

               

              Size of larger container is too small to contain all text areas, so we horizontally scroll.

              TextArea, per se, need not be a text area, just something that wraps around, e.g. a label.

               

              Now, using dataGrid, with single column (in code, commented), I get wrapped text that is a single line. We scroll the n individual lines,

              if data grid box is too small.  This is fine, and works, but my client wants the above.

               

              Thanks.

              • 4. Re: textArea inside HorizontalList
                Flex harUI Adobe Employee

                Hard to tell since the formatting seemed broken, but what did you get when you used TextArea as an itemRenderer?

                 

                <mx:HorizontalList>

                     <mx:itemRenderer>

                          <mx:TextArea width="200" height="100" />

                 

                Alex Harui

                Flex SDK Developer

                Adobe Systems Inc.

                Blog: http://blogs.adobe.com/aharui