Flex :: Text - Truncate A Flex StyleableTextField After Two Lines?

Aug 19, 2011

In my Flex 4.5 mobile app, I have an actionScript item renderer (that derives from Flex's LabelItemRenderer). I want to fit in exactly 2 lines of text, and then truncate the rest. The width and height of the label are fixed and known statically. How can I do this? The StyleableTextField.truncateToFit() method only works for one line of text.

I've set wordWrap = true, so the text now flows into the second line - but I need to truncate the text if it doesn't fit in two lines. I need it to show all the text if there is only one line. (in both cases the label should be vertically middle-aligned in my renderer) I know how to override layoutContents to do sizing and positioning etc of the StyleableTextField. So I'm looking specifically for ideas to implement custom text truncation with the StyleableTextField).

Similar Posts:

Flex :: Add Images In Spark Text Area (StyleableTextField) Through HtmlText Property For Tablet App

Jan 6, 2012

I need to know can we add image in TextArea through StyleableTextField htmlText because my app for device Tablet. (Not possible to use TextLayoutFramework) or Anyother possible to add image into any text component?

Actionscript 3 :: Truncate Text With Ellipsis (...) In Flex?

Nov 29, 2010

In my flex app, I have a <mx:Text> control with a fixed height and width enough to show two lines. Now if the text is too long to be shown in two lines, I would like to have it truncated with showing ellipsis (...). The default truncation with ellipsis seems to be present with label, but label cannot show text in two lines.

How do I mimic this behavior in <mx:Text> control in flex?

Flex :: Truncate Address Line 2 To 10 Characters?

Jul 28, 2011

I want to truncate address line 2 to 10 characters if a value greater than 10 characters is returned in the address validation response for address line 2. we also have address line 1 which is set to max of 40 characters, if address line 1 exceeds 40 characters and the result comes to address line 2,and if the length for address line 2 reaches more than 10 characters then i need to truncate that to 10 characters.

Flex :: How To Split Text By Lines

Jun 3, 2009

I created a TextArea object. Then I typed some text in it. Then i got this text useing TextArea.text property.How can I split text I got by lines and convert it to the array of strings?

Flex :: Adding New Lines To Alert Text?

Mar 30, 2010

I want to create a simple multiline Alert popupAlert.show("Blah\nBlah")shows BlahBlah when what I really want is two lines, one Blah each.

Flex :: Remove Multi-lines In Text?

Dec 5, 2010

How do I remove line 1,2,3 and retain line 4?

Like:

Programmer
Business Owner
Manager
Marketer

Flex :: Multiline - Linkbutton Text To Span 2 Lines

Feb 23, 2010

is there a way to span the text of a link button to 2 lines? so instead of "Save Page" to be in one line only, I want it to be in 2 lines.

Regex :: In Flex, To Remove Empty Lines In Text Area?

Aug 31, 2010

In flex, how to remove empty lines in text area?

ActionScript 3.0 :: Truncate Text In Dynamic Text Field?

Feb 24, 2010

I have a Dynamic Text Field placed on stage at authortime. I need to truncate the text within that field by replacing the last VISIBLE word with an ellipse. Now, the problem I'm encountering is that in a multiline text box with wrapping turned on, I can't figure out a way to get the index of the last visible character, or some other point where I can start truncating.

Part of the issue is that if you pass a really long SINGLE line string into the text field, Flash will wrap it like you would expect, however, the text gets masked if the text field isn't big enough to display it all, but the text that ISN'T visible still is factored into the values returned by AS3.0 For example, let's say the text field is only big enough to display 3 lines of text.

If the long string I'm trying to display has to wrap 17 times, then myTextField.numLines would return 17 because the unseen text still exists... it's just not able to be displayed in the text field. Also, myTextField.bottomScrollV doesn't help because the string is all 1 line, so even though you can't see the ENTIRE line, it still returns as visible.Everything I've seen about truncating text involves coming up with some arbitrary max character amount, and just truncating at that point. I would prefer to figure it out dynamically based on the text field's width and height because:

1) character sizes/widths differ for every font, and
2) There may actually be several different fonts used in the same text field.

View 12 Replies

Flex :: ComboBox Has Lines Around It

Feb 16, 2010

I'm stumbling my way through designing my first Flex app, using Flex Builder 4 Beta 2. I'm trying to use a ComboBox, but they always seem to have lines around it and I can't figure out how to get rid of them. The ComboBox looks like this: [URL] All I did was drag the ComboBox from the Controls section in the Design section of the UI onto the screen. I haven't changed any settings, no special css, just used the default ComboBox and this is what I get.

Flex :: Draw Lines In Canvas?

Dec 13, 2010

I'm trying to draw lines on a canvas object. When the width of the Canvas is less that the width of the line, it draws outside the Canvas over other elements. I read about this problem and I try to resolve using a inner Canvas with a longer height so a scrollbar appears.But I also read that this problem can be correct using a mask but I do not know what is the better way. Which do you recommend?

<mx:Canvas id="panelContentECG" width="100%" height="400" backgroundAlpha="0.5" styleName="miCanvas" borderStyle="solid" cornerRadius="20" borderColor="0xFCFE00" horizontalScrollPolicy="off">

[code].....

Flex :: Drawing Lines Between Shapes?

Jan 24, 2011

I have one left panel in which there are different shapes like start,end connectors..... when i drag line image inside canvas i want to draw line/connector between two shapes how would i do it

Flex :: How To Hide Axis Lines With CSS

Oct 25, 2011

How do I hide my axis lines with CSS? Shouldn't this work?

<mx:Style>
@namespace mx "library://ns.adobe.com/flex/mx";
mx|ColumnChart {

[code].....

Flex :: How Can Supress Warnings For Specific Lines

Nov 24, 2010

I use FDT for my flex programming and there are some warnings that I want to suppress.for example:Private function is never used. Found 'list_ itemRendererFunc' at line foo column bar.I actually paste this function name as a string to a datagroup's itemRendererFunction property. how do I mark this line that will not show the warning?

Flex :: Components - Chart That Has Both Plots And Lines?

Apr 6, 2011

Flex has a plotchart component and a linechart component.. but I am looking to make a chart that has lines connecting points as well as larger dots with rollover info. Is this easily possible? Would I have to create a custom component from scratch to achieve this?

Flex :: >500 Lines In <fx:Script> And It All Stops Working?

May 10, 2011

it's a little ridiculous; and probably unbelievable, but when I have more than five hundred lines of actionscript in tags in my MXML FLEX Main.mxml, all syntax highlighting, error and syntax verification, error reporting, "Problems" pane, and even sometimes compilation fail. Upon removing any chunk of code, it works again.I don't see why Adobe could release a product such as Flash Builder 4.5 Premium, have this big of a problem; and nobody notice. Therefore I believe the problem has to do with my computer, or my project; as there's now ay more people have had this happen if I can't even find it on Google.

Additionally, many objects that have been defined in the MXML properties above the code, even those in All States, are now showing as warning: Access of undefined property down the side of my document. However, these warnings are not showing up in the "Problems pane", and aren't even yellow squigly underlining the right sections of code to pertain to the message.Steps I have taken to TRY and fix this:I have tried restarting, as well as re-installing the IDE (Adobe Flash Builder 4.5).I have tried creating a new projectI have tried splitting my code into smaller .as files and including them.I have tried compiling my application.

Flex :: Display Grid Lines In A List?

May 27, 2011

I am using a spark list control to display certain items with my custom Item Renderer. I am trying to achieve the following: (1) show a separating line between rows in my list control (2) even when not a single row has been added, I want a horizontal grid lines to be displayed in the background

I am not sure whether (1) and (2) can be achieved in one go. I can solve (1) by modifying my item renderer to have a border, I guess. But I want to know whether there is a better or more conventional way.

Flash :: "append" Html Text To Text Area In Flex And Flex Mobile Project To Display Sprite And Text Formatting?

Jun 7, 2011

I'm playing around with a messaging type of application. Does anyone know how, or of any tutorials on to "appending" html text to text areas in flex and flex mobile projects? And specifically how I could take that and basically "append" a sprite inline to the text when i need to? Something simple like:Username: some text right here!So, Anyone have any experience "appending" sprites or simple text formatting?how to solve these issues!EDIT:Based on an answer below it was sugguested that it's as simple as...textAreaInstance.htmlText += "<b>Username:</b> some text right here!";But its not. you can't do .htmltext with a text area. you can on a text field, so i tried

var TF:TextField = new TextField();
TF.width = 200;
TF.height = 200;

[code].....

ActionScript 3.0 :: Lines Visible In Flash Player, But Not In Flex?

Aug 12, 2009

I've made an animation showing the constellation Orion in 3D (see attached swf). As you can see, it's working properly, displaying stars and lines connecting those stars. The depth scaling is ok. The animation also responds to mouse movements as it should.The problems occur when I embed the swf in Flex using Flex Builder (I posted this question on the Flex forum as well, but I suspect the problem is more AS related than Flex 3 related): the stars of the constellation are visible, the animation responds to mouse movements, depth scaling is OK...but the lines connecting the stars aren't visible. Feel free to make the comparison for yourself.So any suggestions how I can make the lines visible? Can they be exported for Actionscript in the same way the movieclips are?Geography and sciences teacher (not a professional programmer alas)I used Flash CS4 professional version 10.0.2 , Flex Builder 3, IE8, Flash Player 10

import __AS3__.vec.Vector;var balls:Array = new Array();var marks:Array = new Array();var numBalls:uint = 10;var fl:Number = 400;var vpX = 300;var vpY = 300;var commands:Vector.<int> = new Vector.<int>(50,true);var data:Vector.<Number> = new Vector.<Number>(100,

[code].....

Flex :: HTTPService Is Very Slow By Sending 10'000 Lines Of XML To The Server

Apr 6, 2010

I have a flex app which allows user to create some content. this content will then be sent via xml back to the server:

private function saveBackXMLToServer():void {
var params:Object = {};
params["xml_file"] = XML_content();
http_Service.send(params);
}

My problem is, that the transport of the data this way is very slow... It takes about 20 sec for 10'000 lines of XML... How can this be done better?

I'm trying to follow all of your hints, but they don't seem to be simple to change. My code is done in a way that I can't get access to every Object, and save it. So what I do is to load the swf file with one xml, and return the whole xml after I run it. My guess is, that the time isn't spent on transporting those lines to the web server (this task gets done quickly normally), I thing that there happens something on the send function of the HTTPService that every object must get changed, before sending...

UPDATE2: I just realized that it is not a matter of the flex app it is a matter of the rails app. It receives a 700 KB String. I guess it is not done for handling such a object. How to transport it then? I tryed to work with the file upload but couldn't get it done... Error 2037 was occuring! I'll go on trying.

Flex :: DataGrid Lines Showing Through ItemEditor - Opaque?

Sep 18, 2010

I have a datagrid column as follows:
<mx:DataGridColumn
headerText="Description"
dataField="description"
editable="true"
editorXOffset="2" editorYOffset="2"
editorHeightOffset="20" editorWidthOffset="60"
itemEditor="com.jono.controls.DgItemEditor"
wordWrap="true"
/>

And a very simple DgItemEditor:
<?xml version="1.0" encoding="utf-8"?>
<mx:TextArea xmlns:mx="[URL]" wordWrap="true" backgroundColor="#FFFFFF" backgroundAlpha="1">
</mx:TextArea>

Basically, this allows for a small 'popup' when the user edits a cell in the datagrid, allowing for more space to type. The problem that I am having is that the datagrid gridlines show through the itemeditor - i.e. the itemeditor is transparent. Is there any way that I can force it to be opaque?

Actionscript :: Flex 3.5 Multiline HtmlText Scrolls 1-2 Lines?

May 13, 2011

If you are using Flex 3.5 (not my choice) and you scroll the mousewheel over a Text component with multiple lines of htmlText, it will scroll down 1 (sometimes 2) lines, even [URL] I made sure there is not a blank line below the body of text (it ended after the closing). Notice how the top line is now cut off, and an extra line was added at the bottom.

Actionscript 3 :: Show Legends On Multiple Lines In Flex?

Oct 28, 2011

I have a Line chart with 12 Legends. Hence the are getting truncated at the end instead of wrapping around dude to lack of space. show the remaining legends on next line. e.g 6 legends on each ln

Actionscript 3 :: Drawing Multiple Lines On One Chart In Flex 4.5?

Mar 3, 2012

I have a candleStickChart in flex 4.5 with a dateTimeAxis horizontal axis.I wish to have a button that enables to draw a line on top of that chart.I wrote a code that each time the button is click, a new CartesianDataCanvas is created. than I do a pretty standard line drawing by listening for the MOUSE_DOWN, MOUSE_MOVE, and MOUSE_UP to draw the line.In the MOUSE_DOWN event I create the new CartesianDataCanvas, and update the annotaionArray as described in the following code: (candles is the candleStickChart's id)

public function startDrawing(event:MouseEvent):void
{
canvas = new CartesianDataCanvas;

[code].....

Actionscript 3 :: CSS Properties For StyleableTextField HtmlText

Apr 15, 2012

I've got a StyleableTextField that displays very basic HTML. To format the HTML I currently use a Stylesheet declared in AS3. This works fine, but is rather inefficient for the designers to edit colors and stuff, so I need to include these tags in my main CSS. The AS3 CSS declaration looks like this;

[Code]...

Flex :: Maximum Number Of Lines A TextArea Control Can Hold?

Dec 8, 2009

I have an app that has text appended to a TextArea (TA). It automatically scrolls to keep the recent line added in view. Over time, this could be a lot. Do I have to worry about this? Is there an upper limit? And, if so, how can I prune the oldest lines of text?

Flex :: Underline Cont - Draw Lines Or Shapes Or Whatever Directly Onto An Mx

Jan 18, 2010

Basically I discovered its no problem at all to draw lines or shapes or whatever directly onto an mx:Text object using its graphics property (Text.graphics.lineTo, etc.). If just displaying that text, then any such drawn lines are displayed as well. However, if that Text object is used as a mask, then any drawn lines on that text object are merely ignored when the mask is rendered. And its hard for me to see the reason behind this, if anyone else is able to. I mean you're designating the Text object itself as the mask. It seems like any visual change to that text object should be part of the mask.

Actionscript :: List Displaying Multiple Lines Adobe Flex?

Mar 30, 2011

Im currently creating a list in Adobe Flex/Actionscript for a person search app. At the moment, the list shows 1 line of text:

<fx:Script>
<![CDATA[
import model.PersonSummary;

[Code].....

Flex :: Increase Max Limit(lines) Of Console In Flash Builder?

Aug 25, 2011

I need to be able to output some large xml strings, and they are getting cutoff.

Copyrights 2005-15 www.BigResource.com, All rights reserved