ActionScript 3.0 :: Flex TextArea AutoSize/ Autowrap Not Working
Feb 10, 2011I am facing problem related to TextArea auto wrap.
I used the following code I found on net to fix this however it is not working.
[Code]...
I am facing problem related to TextArea auto wrap.
I used the following code I found on net to fix this however it is not working.
[Code]...
I am facing problem related to TextArea auto wrap. I used the following code I found on net to fix this however it is not working.
addEventListener(FlexEvent.CREATION_COMPLETE,onCre ationComplete);
protected function onCreationComplete(event:FlexEvent):void {
//textAreaControl is the id of the control you want to resize to contain it's text.
updateSize();
} protected function updateSize():void {
if(mx_internal::getTextField() != null) {
[Code] .....
I am facing problem related to TextArea auto wrap. I used the following code I found on net to fix this however it is not working.
[Code].....
I have done lots of searching on this subject, but it seems what I am finding is either out of date or just does not seem to work.With TextFields in the past, you could set the TextField to a certain width, set wordWrap to true and you would end up with a textfield that changed height according to the text you added.Now I am trying to do this with either the Spark TextArea or RichText.I tried this HeightInLines = NAN, but that seems to be out of date.I also tried this routine:
var totalHeight:uint = 10;
this.validateNow();
var noOfLines:int = this.mx_internal::getTextField().numLines;[code]....
But the mx_internal is not in the Spark components.I am trying to do this with AS3, not MXML.
I've been banging my head against the wall, on something that should be straight forward..granted Im a novice at this....
I have a text field that is fed by an array of titles. The longer title are geting cuttoff in the field box, and Ive tried to autoscale.
I have a dynamic text field populated by xml which doesn't seem to like the autoSize property. The field populates correctly but doesn't auto size at all. The purpose of this text field is to inform the user of the url for an ad they can click on as they roll over it.
ActionScript Code:
popUpmc.popUpTxt.autoSize = true;
Setting autoSize while inside the XML onLoad() function and outside it made no difference. Please help, I'm sure I must be forgetting something? Does this have to be applied with a new text format or something?
In the past, I used the flash.text.textField object something like this:
tf = textField();
tf.autoWrap = true
tf.autoSize = "left"
tf.width = 100;
[Code]...
I'm coding this, so if you have some suggestions, please post them in code, not MXML.
but UITextfield is not a TLF component and the example for RichText does not cause the RichText height to grow with the text. What I need is a component that I can set the width, add TLF formatted text and get the height of the component once it has rendered. Just like a TextField does when you add text.
A little much put in the title, but my question is just that. I have the following AS3 code for my textarea...
addChild(Texta1);
Texta1.alpha = 0;
Texta1.blendMode = BlendMode.LAYER;
[Code].....
Unfortunately, when I start placing text in this text area. Either through code or user input, the text will be placed on a new line after about 80-100 pixels. Yet I want it to start a new line after 320 pixels (it's length).
If you have two text areas with different styles (fontFamily, weight, color etc) and you copy text from one to the other it also copies the style from the originating text area. Is there any slick way to prevent that?
Here is a sample of code that will illustrate the problem. Type some text in the top box and some text in the bottom, then copy some characters from the top box to the bottom. I'm not using htmltext.[code]...
Just wondering if it's possible to apply a *.css to a spark TextArea? If so, how?
View 1 RepliesI have two dynamic text fields on the stage. How can set the text to autoSize? I have this, but it's not working.
Code:
w.text.autoSize = true;
w.text = "100";
h.text.autoSize = true;
h.text = "100";
TextArea in flex doesn't render <TABLE></TABLE>.
I want to display text in textarea in two columns. [code]...
Depending on text width in Column1 text in Column2 will be shifted. So all rows in Column2 are going to be aligned. How can I do this without html <table>?
When I set leading to 0 with Verdana (and others to) for a Flex TextArea I get strange results:
fontsize -> space between baselines
8 -> 10 (125%)
10 -> 12 (120%)
[code].....
I'm trying to select the id of a textArea when it's focused in
[Code]...
Problem is TextArea is made up of RichEditableText so target doesn't actually refer to TextArea. I've tried event.target.parent.id but still not getting there. Anyone knows how to get to the bottom of this?
I have an mx:TextArea and I want its height to be the same as its content height. There is nothing fancy - just a text area and text that is not editable. I need a simple and reliable way to make the control fit and show all the text without vertical scroll - something like auto resizing. Also my control's text will be set only once and will not change as it will not be editable.
<mx:TextArea id="myTextArea"
editable="false"
width="100%"
verticalScrollPolicy="off" >
<mx:text>
[Code] .....
There is one more post here on the same topic but it is not relevant to me because the setup there is a lot more complicated as it includes styling and binding.
Is there any advance TextArea that can attached image(image is alligned with the text) and the image can be movable inside the text area.I know that text area can support html text and can insert image tag but it is very limited, I can't move the picture inside textArea by dragging it or even add events on it.
View 3 RepliesI want to integrate itemrenderers in a TextArea. The purpose is to visualize keywords with their own easy interface while the user still can treat the whole thing as normal text to select the font, fontsize, etc.
[Code]...
As per my observation this does not work in flex4:
<mx:TextArea id="taMytext" text="
hi
san"/> //use of
does not work here
<s:Button label="Click it" click="Myfun()" />
Using script it's possible:
public function Myfun():void
{
taMytext.text="hi
";
taMytext.text+="san";
}
I have a TextArea that allows user input. I also have TextInput that the user can type a string into and I want to be able to search through the TextArea for the string in the TextInput. I've never done anything like this before, searching for strings, so I don't know which functions to use or how to go about it.EDIT:
protected function searchBtn_clickHandler(event:MouseEvent):void
{
text = mainTextField.text;
[code].....
This is the question: How can i Skin the VScrollBar from a TextArea!? I did skin a VScrollBar from a Spark List and works fine but not this one!
View 1 RepliesConsider the following scaled down example of a much larger application:I have text areas with id attributes and click events:
<mx:TextArea click="launchMyPopUp(event);" id="box1" text="blahblahblah"/>
<mx:TextArea click="launchMyPopUp(event);" id="box2" text="blahblahblah"/>
<mx:TextArea click="launchMyPopUp(event);" id="box3" text="blahblahblah"/>
[code].....
I'm using a datagrid in my flash project to create a step action table that is populated by an XML file. The number of steps in the table will change from time to time, so I'd like to somehow make the datagrid length set to auto if possible. In the code below you see that grid.setSize(316,1100);. In it's current format the table will either be too long or too short when I update it's contents from time to time via the XML file. This will cause either a lot of extra white space at the bottom while scrolling or if too short it will cut off the table.
Actionscript Code:
import fl.controls.DataGrid; import fl.controls.dataGridClasses.DataGridColumn; import fl.data.DataProvider; import fl.controls.ScrollPolicy; var loader:URLLoader = new URLLoader(new
[code]....
I have a TextField that I'm going to populate dynamically in code. Imagine as a simple example a cartoon with the text bubble above the speaker's head, the bubble is a rounded rectangle with some embellishments like drop shadow and a border and such and I want the bubble to be a fixed width but a variable height to accomodate a few words or maybe a long sentence that wraps to three lines. I understand that TextField will do this with autosize and wordwrap, but how do I make the 'bubble' movieclip that contains it also resize accordingly, without writing various hacks involving counting the number of characters and resizing the bubble myself?
View 3 Repliesi use a embeded font, and the text width is set to autosize, but some times when i go fullscreen or scale the stage, the text get croped, just a few px,are thre a way to make autosize more stable?
View 2 RepliesI downloaded an Interactive Map from Active Den ... it came with an XML file that allows me to change some parts, but the part thatI need to change is not covered in the XML ... it needs to be changed in the Action Script.[URL]Basically when a landmark is moused over ... a box pops up that contains hrml (images, text. links, etc)The XML file allows me to set the max width of the pop up box.
The issue is that i need a box that is 225 px wide ... I also need another box that is 400 px wide The XML only allows me the set one width ... so I need another box (one for vertical layout, and one for horizontal layout) I thought I could duplicate the pop up box mc, and the box's Action Script (give them different names) and that would work, but I don't know exactly which parts to edit. [URL]Also, there is a screen shot of all movie clips, but the only mc that has any actions attached to it is "zoom_pan" it's at the very bottom of the list.
I have tried
ActionScript Code:
fontCombo.textField.autosize= TextFieldAutoSize.RIGHT;
ActionScript Code:
[code]......
With the Flex 3 SDK you simply needed to set the borderThickness style to 0, or set borderStyle to none. With the Flex 4 SDK ad the Spark theme, this has no effect.
View 5 RepliesIn my Flex 3 application the user enters IP addresses into a textInput object. As the user enters the numbers comprising the ip address I would like to add the '.' on the fly rather than waiting until latter, so that if the user types 127000000001 I would like the textInput control to display 127.000.000.001. I've been trying to make a class that extends textInput and adds the '.'s to the object's text property in the Event.CHANGE or Event.TextInput handler. Sadly, my extra '.' never gets displayed, the numbers appear without dots just as the user typed them.
View 2 RepliesIm wondering how to implement undo redo functionality with a TextArea. I already have an undoredo framework functionality working, now I have two questions.When do I start/stop a new undo/redo command, eg when a user hits undo, how far back do I go. How do I implement this(1.) in a normal TextAreay thinking:I thinking that I should create a new undo command, when anything but a alphanumber+space is hit. To do this I would use the keyDown event and test if the key is alpha num if it is not I will reset the command.
View 3 RepliesThis bug is hard to describe, but easily reproduced with the bottom code. Just copy, paste, and compile+run in Flex 3 and you'll see the problem.
Edit: Here is a link to a running demo: [URL] In the demo, the default color of TextArea is set to red.
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="horizontal" applicationComplete="applicationComplete(event);">
[Code].....