Flex Examples

8 Responses to “Disabling live scrolling on a Flex TextArea control”

1. 1 Tobias Aug 25th, 2008 at 9:11 am

   Hi. I can not experience any differnce when enabling or disabling the checkbox. Could you please describe the functionality of liveScrolling?! - Further I myself cannot manage to set up scrolling behaviour on a TextArea component - what is the secret trick? Thx, Tobias

2. 2 peterd Aug 25th, 2008 at 10:33 am

   Tobias,

   In the example above, select the checkbox and try scrolling the TextArea control’s vertical scrollbar thumb. As you click and drag the scrollbar thumb, you should see the text scroll line by line.
   Now, deselect the checkbox and try again. Now the text doesn’t scroll as you drag the scrollbar, but will scroll to the correct position when you release the scrollbar thumb.

   Peter

3. 3 Tobias Aug 25th, 2008 at 3:37 pm

   Ah! Thank you.

4. 4 Tobias Aug 25th, 2008 at 3:40 pm

   Can you tell me how I can set up scrolling for a TextArea via Actionscript? It seems as if it is disabled by default.

5. 5 peterd Aug 25th, 2008 at 9:43 pm

   Tobias,

   You can scroll the Flex TextArea control vertically using the verticalScrollPosition and maxVerticalScrollPosition properties, as seen in the following example:

   <?xml version="1.0" encoding="utf-8"?>
   <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
           layout="vertical"
           verticalAlign="middle"
           backgroundColor="white"
           creationComplete="init();">
   
       <mx:Script>
           <![CDATA[
               private function init():void {
                   callLater(setMaxVScrollPos);
               }
   
               private function setMaxVScrollPos():void {
                   slider.maximum = textArea.maxVerticalScrollPosition;
               }
           ]]>
       </mx:Script>
   
       <mx:String id="lorem" source="lorem.html" />
   
       <mx:ApplicationControlBar dock="true">
           <mx:Form styleName="plain">
               <mx:FormItem label="verticalScrollPosition:">
                   <mx:HSlider id="slider"
                           minimum="0"
                           snapInterval="1"
                           liveDragging="true" />
               </mx:FormItem>
           </mx:Form>
       </mx:ApplicationControlBar>
   
       <mx:TextArea id="textArea"
               text="{lorem}"
               verticalScrollPosition="{slider.value}"
               verticalScrollPolicy="on"
               width="100%"
               height="100%"
               resize="init();" />
   
   </mx:Application>
   

   Peter

6. 6 Tobias Aug 27th, 2008 at 3:16 pm

   He Peter. Thanks a lot - I like the example you give.
   But what I mean is another thing: When I move my mouse cursor over the textarea I like the text to scroll if there is more content then the textarea can show at once. I found an example here:
   http://livedocs.adobe.com/flex/3/html/help.html?content=basic_as_1.html
   Last swf for example Unluckely there is no attribute or sourcecode available.
   Do you know how?
   Tobias

7. 7 Tobias Aug 27th, 2008 at 4:12 pm

   I tried to decompile the swf.. did not work ;{

8. 8 Tobias Aug 29th, 2008 at 3:15 am

   Holy shit! I got it.
   For debugging purposes (with Firefox 3 Console does not show trace prints) I use Safari as Webbrowser. - After days of testing I tried to scroll the TextArea within Firefox: I works. Safari just ignores the Scrollwheel of my mouse so I thought I need to set some attribute…
   Sorry for going onto your nerves.
   -) Tobias

Leave a Reply