Dynamic TextArea height in Flex Mobile

How can I make the height of a TextArea dyanmic as per the amount of text and the scrolls appear fine on Mobile?

@jeffry
it surprises me too - but try this: http://polygeek.com/2249_flex_display-html-text-in-the-spark-textarea

Similar Messages

Dynamic TextArea Height

HI,
I have a couple of textarea controls that get text in
diferrent sizes. Any idea of how can i change the textare height
dynbamically? I do not want to use scrollbars. I just want to have
txtarea in the correct size
tks

Ignore me! (Why does it always happen that as soon as I post
something I figure out the solution??) By setting the condenseWhite
property to true and adding 10 pixels to the height, I got this to
work!
private function resizeTextArea(event:Event):void{
var area:TextArea = event.target as TextArea;
area.condenseWhite = true;
area.validateNow();
area.height = area.textHeight + 10;

Flex Mobile textArea styling the text?

I've read in several documents about TLF not supported in Flex Mobile. I then read about text fields vs textArea and css Style sheets.
I'm trying to keep this really simple 1. cause I'm learning 2. So I can build on best practices 3. I'm still learning....
Example:
Main
<?xml version="1.0" encoding="utf-8"?>
<s:View xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark" title="HomeView"
creationComplete="creationCompleteHandler(event)">
<fx:Script>
<![CDATA[
 import mx.events.FlexEvent;
 [Bindable]
 private var xmlInfo:XML;
 import mx.rpc.events.ResultEvent;
 protected function info_resultHandler(event:ResultEvent):void
 xmlInfo = new XML(event.result.text);← I want to say this is where I need to tell Flex how to interprit the incoming text format.
 protected function creationCompleteHandler(event:FlexEvent):void
 infoXML.send();
]]>
</fx:Script>
<fx:Declarations>
 <s:HTTPService id="infoXML" url="assets/data.xml"
 resultFormat="e4x"
 result="info_resultHandler(event)"/>
</fx:Declarations>
<s:TextArea id="spInfo" text="{xmlInfo}" width="100%"/>
</s:View>
data.xml
<?xml version="1.0" encoding="utf-8"?>
<info>
<text><![CDATA[BoldNot boldArial textNot Arial
]]>
</text>
</info>
Mobile app output
BoldNot boldArial textNot Arial
Thank you in advance.

> How do you mean with the borders Murray? I've never had
any trouble that
> I'm
> aware of? Isn't it fairly common for textfields in forms
to have a box
> round
> them?
Some browsers (Safari comes to mind) won't do borders at all,
and others (I
don't recall which) can actually get surly when you try. I
don't recommend
that you try to style form elements to that level.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Iain71" <[email protected]> wrote in
message
news:f9up7e$9u1$[email protected]..
> Cheers - font-family - of course. Think it threw me when
I typed font :
> and got
> the drop down menu.
>
> How do you mean with the borders Murray? I've never had
any trouble that
> I'm
> aware of? Isn't it fairly common for textfields in forms
to have a box
> round
> them?
>
> Or is there a better method I could be using?
>

How to insert a background image in VGroup in Flex Mobile

I want to insert a background image for this VGroup. Help me out. I'm new to Flex !!
I'm using this code in Flex Mobile Application
<s:VGroup height="100%" width="100%"
 paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
 <s:List id="homeList" height="100%"
 labelField="title"
 dataProvider="{homeNews}">
 <s:layout>
 <s:TileLayout requestedColumnCount="1"
 verticalGap="5"/>
 </s:layout>
 <s:itemRenderer>
 <fx:Component>
 <s:ItemRenderer>
 <s:VGroup>
 <s:BitmapImage source="{data.source}"/>
 <s:Label text="{data.title}" />
 </s:VGroup>
 </s:ItemRenderer>
 </fx:Component>
 </s:itemRenderer>
 </s:List>
</s:VGroup>

I don't think you can add a background image to a VGroup directly, nor can VGroup be skinned.
As far as I am aware there are probably 2 solutions
1) use a SkinnableContainer instead skin the container to have a background image and set its layout to VerticalLayout
2) enclose the VGroup in a Group with a BasicLayout. you can then add a background image to the Group and overlay the VGroup

Flex Mobile project scaling with Retina display iPad (3rd gen).

Adobe et al,
With the new iPad 3 we now have a ton more pixels to utilize. I'm familiar with and have already successfully tested the AIR 3.1+ commandline compiler option (-platformsdk) to get Retina display on the new iPad. In ActionScript mobile projects the content is rendered beautifully on the new iPad. But with Flex Mobile projects, something is happening that causes it to render incorrectly. It's retina display alright, but the size is way too small.
Below is an image WITHOUT the -platformsdk build tag, that causes the app to be pixel doubled to fit on the new iPad:
Notice that it's scaled proportionally, even though the text and components are slightly pixelated. Not a big deal, but noticeable on the device.
This image is taken with the app rendering in Retina display (setting the -platformsdk pointing to iOS 5.1 SDK):
As you can see, the text/components are rendered really clear, but the scale is way off. Obviously it's getting the width of 2048x1536 from the device, but it's way too small.
How do I fix this? I've tried changing the applicationDPI, but it doesn't fix it. Setting a width/height of 1024x768 does nothing either. It seems we need to overrride a behavior that causes it to fit everything in so small.
A little help?
Thanks,
iBrent

Alright, kevinkorngut's answer was the right one. It appears that even though AIR 3.x can render high resolution apps, it still returns the incorrect DPI for the new iPad. In a Flex Mobile project you have to override the DPI using the method mentioned above.
Here are the results I got:
Using the runtimeDPIProvider property on the TabViewApplication tag (works for any of the three project types) I created a class that extends RuntimeDPIProvider. To detect which iPad I was on, I used the following code:
override public function get runtimeDPI():Number
 var os:String = Capabilities.os;
 if(os.indexOf("iPad") != -1)
 if(Capabilities.screenResolutionX > 2000 || Capabilities.screenResolutionY > 2000)
 return DPIClassification.DPI_320;
 } else {
 return DPIClassification.DPI_160;
 } else {
 return Capabilities.screenDPI;
I'm returning a DPI of 320 as this gives the best result that matches the proportions of the device. In other words, even though the iPad DPI is 264, setting the app to 320 gives the correct size at the new Retina display.
In order for this to work, you must compile the app with the -platformsdk flag pointing to iOS 5.1 SDK, and currently that means you need a Mac running Lion with Xcode 4.3.1. Here's the adt command I used:
adt -package -target ipa-test -storetype pkcs12 -keystore ~/Desktop/iOS_DevCert.p12 -provisioning-profile ~/Desktop/iOS_DevProfile.mobileprovision newiPadTest.ipa newiPadTest-app.xml newiPadTest.swf -platformsdk /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneOS.platform/Developer/SDKs/iPh oneOS5.1.sdk
Also, the -app.xml descriptor file must have the <requestedDisplayResolution>high</requestedDisplayResolution> within the <iPhone> tags.
Thanks everyone for their replies!
iBrent

Flex Mobile Projet - ActionBar position

Hi, I have created a Flex mobile project, with ViewNavigatorApplication layout. I want to position the ActionBar in the bottom of the app, rather than the default top aligned. How can I do that?
I tried by setting the this.navigator.actionBar.y = 300; in the creationComplete of the application, but as I navigate to any other view, it jumps back to top.
Please suggest.

If you can't find a better solution, extend the View class and add the code to this extended view. All your view will then have to extend this view.
You would have to add something like navigator.actionBar.y = FlexGlobals.topLevelApplication.height - navigator.actionBar.height; in the creationCompleteHandler (i would use a callLater because your change will be overwrited by the view_creationCompleteHandler) and in the viewActivate Handler. The navigator will always flash at the top when you switch view... It's why I hope you'll find a better way to do it.

Flex Mobile: 3D Carousel or Coverflow layout

Anyone know if anyone has implemented a 3D carousel or coverflow layout on Flex Mobile.
I did some searching on Google and found a few for Flex on the Web but didn't look like these would work in on Flex Mobile.
Here's an example..
http://www.rialvalue.com/blog/2010/03/30/flex4-coverflow-layout/

Yes. same one. But, app is only internal enterprise app for my client and is not in Market.
But, here is my code from it ...
<s:List dataProvider="{photosDP}" width="100%" height="100%"
 click="listClickHandler(event)" id="list"
 skinClass="CoverFlowListSkin" useVirtualLayout="false"
 itemRenderer="TouchPresentationsCoverFlowRenderer">
 <s:layout>
 <layouts:CoverflowLayout id="coverflow" selectedIndex="{ list.selectedIndex }"
 horizontalDistance="103"
 selectedItemProximity="0"
 depthDistance="1"
 elementRotation="-70"
 perspectiveProjectionX="-1"
 perspectiveProjectionY="-1"/>
 </s:layout>
 </s:List>
renderer ....
<s:ItemRenderer
 xmlns:fx="http://ns.adobe.com/mxml/2009" clipAndEnableScrolling="false"
 xmlns:s="library://ns.adobe.com/flex/spark"
 xmlns:mx="library://ns.adobe.com/flex/mx" xmlns:local="*" width="100%" height="100%">
<fx:Script>
 <![CDATA[
 import mx.core.FlexGlobals;
 override public function set data(value:Object):void {
 if(value){
 img.source = FlexGlobals.topLevelApplication.assetsUrl+'Thumbs/300/'+value.imageFile;
 lbl.text = value.imageCaption;
 bc.visible = true;
 if(lbl.text.length == 0){
 bc.visible = false;
 ]]>
</fx:Script>
<s:layout>
<s:BasicLayout />
</s:layout>
<s:BitmapImage id="img" />
 <s:BorderContainer id="bc" width="50%" height="60"
 backgroundColor="#000000" cornerRadius="10" borderAlpha="0.3"
 borderColor="#000000" backgroundAlpha="0.3" top="50" right="50">
 <s:RichText id="lbl" textAlign="center" width="100%" backgroundAlpha="0.0" paddingTop="5" paddingBottom="5"
 fontFamily="Myriad Pro-Semibold" fontSize="14"
 color="white"/>
</s:BorderContainer>
</s:ItemRenderer>

Flex Mobile 4.6 introduces Stage Text - how do you render HTML text with it?

I have a little chat component in a Flex Mobile app that I just upgraded to SDK 4.6. The chat component has a text area displaying messages and they are HTML formatted via the following:
StyleableTextField(textArea).htmlText += myHTMLText;
Worked in SDK 4.5 but StyleableTextField is not a part of the new Stage Text framework introduced in SDK 4.6.
How do I HTML format the messages in my chat text area now?

Thanks much for your response.
Hmmm... That appears to work but also causes a runtime exception where there was none before the 4.6 upgrade. It occurs when I autoscroll on receiving a new message in the chat, something that worked fine in 4.5.
I guess I'm kind of wondering what the best practice is here. Maybe I'm just doing this wrong altogether. I'm finding it very difficult to implement probably one of the most basic features one would find in any collaborative app - something that was very easy in Flex 3 - the chat pane. I've had one functioning fine for about 3 years. Not so much in Flex mobile.
Chat is very simple functionality. When you receive a new message from afar...
1. add it to a TextArea with some nice formatting
2. auto scroll far enough so the user can see the new message in its entirety.
Nothing difficult at all.
Why are these two things difficult to find in the TextArea in Flex mobile? It almost seems as though it's something we're not supposed to be doing?
The answer here seems to be don't use Stage Text. Revert to an older TextArea skin. Why? What text area doesn't need formatting as an option? What text area doesn't need to be auto scrolled here and there? Or am I just going about this wrong? Maybe using the wrong components?
I guess for now I can revert to 4.5 skin, but now the code I used to auto scroll on receiving a new message throws a null pointer exception. I've been using the valueCommit property to auto scroll, as follows:
valueCommit="textArea.scroller.verticalScrollBar.value = textArea.scroller.verticalScrollBar.maximum"
Haven't had a problem prevously. But this now throws:
TypeError: Error #1009: Cannot access a property or method of a null object reference.
at com.components::ChatWindow/__textArea_valueCommit()
What's the best practice to accomplish this and also to be able to take advantage of the latest and greatest?

Flex mobile app - which data grid control to use?

Hi,
Trying to build my first Flex mobile app in FlashBuilder 4.6 and I need a grid control to display a 2 dimmensional array of 6 columns x 50 rows.
The user doesn't don't need to have any interraction with the grid except for scrolling the rows.
I was looking at using dataGrid component but adobe doesn't recommend it for mobile apps.
Is there a grid component that is recommended for mobile apps?
Thanks

Here it is.
// Show empty grid to start
private function initGrid():void
 const dataArray:Array = new Array(1);
 var values:Array = new Array(1);
 values[0] = "";
 dataArray[0] = values;
 grid.dataProvider = new ArrayCollection(dataArray);
// Build array and feed it to the grid - 50 rows x 9 columns dataGrid (grid)
protected function FillGrid():void
var rows:int = 50;
var columns:int = 9;
// rows array
const dataArray:Array = new Array(rows);
// Get rows
for(var row:int=0; row<rows; row++)
const arrLine:Array = [columns+1];
arrLine[0] = row+1;
for(var col:int=1; col<columns+1; col++)
 // columns array
 arrLine[col] = Math.floor(Math.random()*10);
dataArray[row] = arrLine;
// At this point the multi dimensional array is assembled, now we connect it to the dataGrid
grid.dataProvider = new ArrayCollection(dataArray);

<s:Panel id="tablePanel" x="519" top="91" width="470" height="400" color="#827259" fontSize="18" title=".">
<s:DataGrid id="grid" left="5" right="5" top="5" bottom="5" selectionMode="singleRow" initialize="initGrid()" fontSize="17" >

<s:itemRenderer>
 <fx:Component>
 <s:DefaultGridItemRenderer>
 <fx:Script>
 <![CDATA[
 override public function prepare(hasBeenRecycled:Boolean):void
 label = data[columnIndex];
 ]]>
 </fx:Script>
 </s:DefaultGridItemRenderer>
 </fx:Component>
</s:itemRenderer>
<s:columns>
 <s:ArrayList>
 
 <s:GridColumn id="zero" headerText="N0" width="65" resizable="false"/>
 <s:GridColumn id="one" headerText="N1" width="45" resizable="false"/>
 <s:GridColumn id="two" headerText="N2" width="45" resizable="false"/>
 <s:GridColumn id="three" headerText="N3" width="45" resizable="false"/>
 <s:GridColumn id="four" headerText="N4" width="45" resizable="false"/>
 <s:GridColumn id="five" headerText="N5" width="45" resizable="false"/>
 <s:GridColumn id="six" headerText="N6" width="45" resizable="false"/>
 <s:GridColumn id="seven" headerText="N7" width="45" resizable="false"/>
 <s:GridColumn id="eight" headerText="N8" width="65" resizable="false"/>
 </s:ArrayList>
</s:columns>
</s:DataGrid>
</s:Panel>
Tomexxus

Flex mobile and databinding

Is data binding feature supported in flex mobile project? I have data binding code used in <s: Application>. When I move the application to flex mobile in <s: view>, I can't seem to make data binding work.

<?xml version="1.0" encoding="utf-8"?>
<s:View xmlns:fx="http://ns.adobe.com/mxml/2009"
 xmlns:s="library://ns.adobe.com/flex/spark"
 xmlns:mx="library://ns.adobe.com/flex/mx"
 xmlns:amcharts="http://www.amcharts.com/com_internal"
 backgroundColor="#FFFFFF"
 width="100%" height="100%"
 viewSourceURL="srcview/index.html">
<fx:Declarations>

</fx:Declarations>
<fx:Script>
 <![CDATA[
 import mx.collections.ArrayCollection;
 import flash.filters.DropShadowFilter;
 [Bindable]private var chartData:ArrayCollection = new ArrayCollection([
 {year:2001,income:23.5,expenses:18.1},
 {year:2002,income:26.2,expenses:22.8},
 {year:2003,income:30.1,expenses:23.9},
 {year:2004,income:29.5,expenses:25.1},
 {year:2005,income:24.6,expenses:25.0},
 {year:2006,income:25.5,expenses:18.1},
 {year:2007,income:26.2,expenses:52.8},
 {year:2008,income:36.1,expenses:23.9},
 {year:2009,income:24.5,expenses:33.1},
 {year:2010,income:44.6,expenses:29.0}
 [Bindable]private var shadow:DropShadowFilter = new DropShadowFilter(2,45,0,0.5);
 ]]>
</fx:Script>
 <s:VGroup width="100%" height="100%">
 <s:Group width="100%" height="100%">
<amcharts:AmSerialChart
 id="chart"
 width="100%"
 height="100%"
 dataProvider="{chartData}"
 categoryField="year"
 angle="30"
 depth3D="30">
<amcharts:graphs>
 <amcharts:AmGraph title="Income" id="g0" valueField="income" type="column" lineAlpha="0" fillColors="[#ADD981]" fillAlphas="[1]"/>
 <amcharts:AmGraph title="Expenses" markerType="line" id="g1" valueField="expenses" type="line" lineThickness="2" bullet="round" filters="{[shadow]}"/>
</amcharts:graphs>
<amcharts:valueAxes>
 <amcharts:ValueAxis dashLength="5"/>
</amcharts:valueAxes>
<amcharts:categoryAxis>
 <amcharts:CategoryAxis gridPosition="start" dashLength="5"/>
</amcharts:categoryAxis>
</amcharts:AmSerialChart>
<amcharts:AmLegend
 color="0x000000"
 x="45"
 y="10"
 switchable="false"
 dataProvider="{chart}"
 width="100%"
 marginRight="20"
 marginLeft="40"
 textClickEnabled="false"
 marginBottom="5"/>
</s:Group>
 <s:HGroup width="100%">
 <mx:Spacer width="32"/>
 <mx:DataGrid dataProvider="{chartData}" width="100%" editable="true" height="100"/>
 <mx:Spacer width="20"/>
</s:HGroup>
 <mx:Spacer height="10"/>
 </s:VGroup>
</s:View>

Text positioning not correct while typing in Flex Mobile Text Area

When I try to write text in Flex mobile TextArea, the text positioning is not correct. What might be the issue? Do I need to specify some Skin Class for it?

Could be that the font doesn't have Hindi chars support and the text you paste is HTML chars.
You could try to embed a font you know has the appropriate chars and use that for global and Applications CSS classes.

Streaming live videos on flex mobile

Hi I have a flex mobile application targeting the mobile tablets and I was wondering if you guys know of any tutorial
about putting live feed videos on flex, I have this code that I'm using on my flex 3 to target mac and pc that uses on adobe air, the services of ustream.tv
here it is.
But when I try to use it on flex mobile, nothing happens..
import tv.ustream.viewer.logic.*;
          import tv.ustream.viewer.logic.Display;
          import tv.ustream.viewer.logic.Logic;
          import tv.ustream.net.Connection;
private var viewer:Logic = new Logic();
public function videoViewer():void{
           viewer.display.width=800;
           viewer.display.height=400;
           holder.addChild(viewer.display);
           viewer.createChannel("4705238", true, null);
this one works flawlesly on flex 3 and spark, but no in flex mobile, there is another way to read an rmtp on flex mobile?
Gus

OSMF (Spark VideoDisplay) works. It has a few garbage collecting issues, but they can be avoided somehwat.
See my following post for a kludgy work around on the garbage collection:
http://forums.adobe.com/thread/904638
I have also seen a few home-brewed NetStream solutions, but you will need to implement a lot of functionality found in OSMF if you're going to need it.

Flex mobile add emoticons and text

I created a chat program in the mobile project, but I can not add emoticons，I know textarea can not display pictures,So I reluctantly use RichEditableText, it can add a picture, but why can not I enter characters (letters and Chinese characters) in the phone debugging, just enter only numbers, and punctuation symbols。Or there are other ways to solve add text and pictures？

Thanks much for your response.
Hmmm... That appears to work but also causes a runtime exception where there was none before the 4.6 upgrade. It occurs when I autoscroll on receiving a new message in the chat, something that worked fine in 4.5.
I guess I'm kind of wondering what the best practice is here. Maybe I'm just doing this wrong altogether. I'm finding it very difficult to implement probably one of the most basic features one would find in any collaborative app - something that was very easy in Flex 3 - the chat pane. I've had one functioning fine for about 3 years. Not so much in Flex mobile.
Chat is very simple functionality. When you receive a new message from afar...
1. add it to a TextArea with some nice formatting
2. auto scroll far enough so the user can see the new message in its entirety.
Nothing difficult at all.
Why are these two things difficult to find in the TextArea in Flex mobile? It almost seems as though it's something we're not supposed to be doing?
The answer here seems to be don't use Stage Text. Revert to an older TextArea skin. Why? What text area doesn't need formatting as an option? What text area doesn't need to be auto scrolled here and there? Or am I just going about this wrong? Maybe using the wrong components?
I guess for now I can revert to 4.5 skin, but now the code I used to auto scroll on receiving a new message throws a null pointer exception. I've been using the valueCommit property to auto scroll, as follows:
valueCommit="textArea.scroller.verticalScrollBar.value = textArea.scroller.verticalScrollBar.maximum"
Haven't had a problem prevously. But this now throws:
TypeError: Error #1009: Cannot access a property or method of a null object reference.
at com.components::ChatWindow/__textArea_valueCommit()
What's the best practice to accomplish this and also to be able to take advantage of the latest and greatest?

Skinning Flex Mobile TextInput

Hi,
I need to skin the Flex Mobile Text Input with a gradient in the background. I have created a skin for that. It works fine on Android devices but in case of iOS devices, the keyboard doesn't even comes up. If I remove the skin, it works fine. I guess the issue is with skinning, but how can I fix this? Below is the skin I created, if it helps:
<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"
 xmlns:fb="http://ns.adobe.com/flashbuilder/2009"
 alpha.disabledStates="0.5" blendMode="normal">
 <fx:Metadata>
 <![CDATA[
 * @copy spark.skins.spark.ApplicationSkin#hostComponent
 [HostComponent("spark.components.TextInput")]
 ]]>
 </fx:Metadata>
 <fx:Script>
 <![CDATA[
 * @private
 private static const focusExclusions:Array = ["textDisplay"];
 * @private
 override public function get focusSkinExclusions():Array { return focusExclusions;};
 ]]>
 </fx:Script>
 <s:states>
 <s:State name="normal"/>
 <s:State name="disabled" stateGroups="disabledStates"/>
 <s:State name="normalWithPrompt"/>
 <s:State name="disabledWithPrompt" stateGroups="disabledStates"/>
 </s:states>
 
 
 <s:Rect left="0" right="0" top="0" bottom="0" id="border"
 radiusX="5" radiusY="5">
 <s:stroke>
 
 <s:SolidColorStroke id="borderStroke" color="0xFFFFFF" weight="1" alpha="0.05" />
 </s:stroke>
 </s:Rect>
 
 
 <s:Rect id="background" left="1" right="1" top="1" bottom="1"
 radiusX="5" radiusY="5">
 <s:fill>
 
 
<s:LinearGradient rotation="90">
<s:GradientEntry color="0x131516"
 alpha="1"/>
<s:GradientEntry color="0x282b31"
 alpha="1"/>
</s:LinearGradient>
</s:fill>
 </s:Rect>
 
 
 <s:Rect left="1" top="1" right="1" height="1" id="shadow" alpha="0"
 radiusX="5" radiusY="5">
 <s:fill>
 <s:SolidColor color="0xFFFFFF" alpha="0.25" />
 </s:fill>
 </s:Rect>
 
 
 <s:RichEditableText id="textDisplay"
 verticalAlign="middle"
 widthInChars="10"
 left="1" right="1" top="1" bottom="1" />
 
 <s:Label id="promptDisplay" maxDisplayedLines="1"
 verticalAlign="middle"
 mouseEnabled="false" mouseChildren="false"
 includeIn="normalWithPrompt,disabledWithPrompt"
 includeInLayout="false" />
</s:SparkSkin>

You are using a non-mobile skin:
<s:RichEditableText id="textDisplay"
 verticalAlign="middle"
 widthInChars="10"
 left="1" right="1" top="1" bottom="1" />
 
Pls Read here about mid page- wont call keyboard and have scrolling issues, etc:
Adobe Flex 4.6 * Use text in a mobile application
Here are the mobile skins: spark.skins.mobile - Adobe ActionScript® 3 (AS3) API Reference ... apply to base components you need to use.
Good luck.

Auto size dynamic textarea

hi,
Im trying to create a dynamic textarea that contains text
loaded with asp/xml this works, but i want it to adjust the height
automaticly depending on the size of the content.
This is how it looks now.
<mx:TextArea minHeight="200" borderThickness="0"
verticalScrollPolicy="off" id="myid" editable="false"
wordWrap="true" width="650"
htmlText="{productsRequest.lastResult.product.producttext}"
textAlign="left" borderStyle="none" fontSize="12" />
I did found it how to do it with actionscript but not with
mxml.
thx

because i know its possible in xmxl, but i found out that it
resizes when i use <mx:text and than use height="100%"
so textarea cant autosize, thx for the reply,

Dynamic TextArea height in Flex Mobile

Similar Messages

Maybe you are looking for