Flex :: HTMLText Cuts Off Multiple Lines From Bottom On Adding Image
Feb 16, 2011
For some reason, if you add an image to htmlText, like the following:
myText.htmlText = "<img src='"+dataProvider.bodyImage.getUrl('original')+"' align='left' />" + dataProvider.bodyText;
The image will be successfully added to the htmlText, but it seems to measure the sizes completely wrong. At times, the actual text (dataProvider.bodyText) will have part 'hidden' under the image. At other times, there are anywhere from 1 to 4 lines cut off at the bottom. However, if you select the text and drag your mouse down, you can see the bottom lines. It appears the text is all there, but the mx:Text component is not including the image in the textHeight, so it doesnt resize the componenet to the correct size.
View 1 Replies
Similar Posts:
Feb 16, 2011
My mx:Text's htmlText is the following:
mainText.htmlText = "<img src="breadmaker.png" width="339" height="275" vspace="0" hspace="0" />" + "Lorem Ipsum is simply dummy tex......(more here)"
However, the result looks like the following:ScreenshotAs you can tell, it cuts off the first few characters in the text after the image tag (Lorem Ipsum is sim), but it is only because the image is full width. If I change the img tag to width="200", it shows the text floating to the right.However, as you can tell with a full width image (because the Text component's width is 339), it seems the text is still floating to the right, but it's hidden off to the right side of the image.
View 2 Replies
Oct 8, 2010
I've attached some images for reference, but as I make my window larger the bottom of my stage gets cut off. I'm working off of a website template and am not particularly sure how the elastic function works. I've had some success changing the code to
Code:
Stage.align = "T"; and Stage.scaleMode = "showAll";
but then there are just solid blocks on either side of the background image that don't look very good.
so the bottom will be locked in place and not get cut off when resizing the window.
mainpage, Frame 1
Code:
Stage.align = "TL";
Stage.scaleMode = "noScale";
_quality = "BEST";
[Code].....
View 1 Replies
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.
View 2 Replies
Jun 10, 2010
I facing a problem with htmlText field. When I insert image along with text, text continues to wrap at the right side of the image, and not under the image. It might create some visual problem Here is my code:
[Code]...
View 2 Replies
Mar 28, 2011
I have an image that doesn't fill the <mx:Image> tag because it's not the exact dimensions (it is too short) and I have maintainAspectRatio set to true:
<mx:Image id="theImage"
source="{data.photo_thumb}"
horizontalCenter="0"[code]....
The <mx:Image> tag has a fixed width and height (it's 100% of the tile size--this is in an ItemRenderer). How do I get the image to sit on the bottom of the <mx:Image> tag?
View 2 Replies
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.
View 2 Replies
Nov 3, 2011
I am having the most frustrating time with htmlText in TextField.apparently, if you set the htmlText of a TextField, you always get an extra line at the end.Here is what I have found out:Below, a multiline TextField is created and the text property is set. I then grab the htmlText property, set the htmlText to "" and then reapply the htmlText I had just grabbed. This causes a new line to be added to the Textfield:
Actionscript Code:
var tf:TextField = new TextField();tf.width = tf.height = 200;tf.border = true;tf.multiline = true;tf.wordWrap = true;addChild(tf);tf.text = "this is not htmlText";
[code].....
View 2 Replies
Oct 6, 2010
I am using a TextArea. I set its htmlText as follows:
textArea.htmlText = '<P ALIGN="CENTER"><FONT FACE="_sans" SIZE="14" COLOR="#FFFF00" LETTERSPACING="0" KERNING="0"></FONT></P>'
The problem is that there are always 2 lines in text area when it runs......when i remove this i get usual one line but then i m not able to set color and all.I want to use textarea, set different colors on it and i dont want 2 lines in that.....
View 6 Replies
Sep 3, 2009
I'm rendering text in a multiline textField as htmlText. I need to put some spacing between each paragraph line, but if a line is long and wraps around, I want the spacing to be normal or narrow. Currently, all lines take on the same spacing regardless of the setting.
View 2 Replies
Oct 6, 2010
I am using a TextArea. I set its htmlText as follows:
textArea.htmlText = '<P ALIGN="CENTER"><FONT FACE="_sans" SIZE="14" COLOR="#FFFF00" LETTERSPACING="0" KERNING="0"></FONT></P>';
The problem is that there are always 2 lines in text area when it runs......when i remove this i get usual one line but then i m not able to set color and all.I want to use textarea, set different colors on it and i dont want 2 lines in that.....
View 2 Replies
Jun 24, 2009
I have some HTML loaded from an XML document that includes web links (anchor tags). I am using a TextField object to display the text, and am plugging the XML data into the htmlText property of the TextField, and the text is rendering with HTML markup, links are working etc.
The problem I'm seeing is that a new line is created before and after the link, so html like this:
hello world <a href ="#">this is a link</a> and all of this should be on the same line.
is rendered like this (with specific attention paid to the new lines): Does anyone know of a way to prevent these new lines from appearing when using HTML links within a TextField?
View 2 Replies
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
View 1 Replies
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].....
View 1 Replies
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].....
View 3 Replies
May 4, 2011
I have a dynamic text box for 3 lines of text. I styled part of the text to be bold and part of it to be regular. When i click on the button to display the text it looks right the first time but if i click on it a second time then all of the text shows up bold instead of just the few lines i assigned the bold tag to.
View 18 Replies
Feb 23, 2010
I need to create a gallery to load images and display them. This part is fine:
/**
* @variable image_name to store the name of the selected item
*/
private function showimage(evt:Event):void
[Code].....
where imgMain is the id the image component.
But, I need a small twist. A transition image i.e. loading image should be displayed while the the image is being loaded.
View 1 Replies
Aug 9, 2010
I'm writing a flex app, which must record an audio and then playback. It records just fine, I can hear the flv on the server, but when it comes to the playback it cuts the end a little bit, and each time I ask to reproduce again it cuts a little bit more. I guess it's something related to buffer management, but I don't know exactly.
Here's the code I'm using to playback. It is called from a mediator:
var streamPlayClient:Object = new Object();
this.stream.client = streamPlayClient;
streamPlayClient.onPlayStatus = function(infoObject:Object):void {
if (infoObject.code == "NetStream.Buffer.Flush") {
stopPlayback();
}} this.stream.play("flv:" + this.streamName);
View 1 Replies
May 18, 2011
I have a problem with the TabNavigator. The labels of the tabs are getting truncated and once the user places their mouse over the tab it redraws again. Is there anyway to redraw the label of the tab programmatically?
View 2 Replies
Jun 16, 2011
got a little flex application where the content is zoomable.first of all some code
<s:Scroller verticalScrollPolicy="on" width="100%" height="100%">
<s:Group scaleX="{breite}" scaleY="{hoehe}"
id="mapView" > <!-- zum zoomen -->
[code]....
The zoom just works fine by changing the value from 1 up to 3 with a slider. Midpoint of the zoom is the center of the container (map).My problem: when i zoom, the scroller cuts a part of the groups. it zooms out of the window?!
View 1 Replies
Jan 13, 2009
Is it possible to capture the image loading event like when the image is fully loaded and such when it is assigned to the htmlText of the textFiel???
I have a scrollPane that contains a textField which is loading an image via img tag where there is no scrollbars initially because the textField is not large enough in the beginning, but it is larger than the scrollPane after the image is fully loaded.. and I am trying to update the scrollPane once the image is fully loaded..
View 0 Replies
Oct 4, 2009
i have an application in which i have around 100 textinputs all are numbers
i want to simplify the addition ie. any other way than saying txt1.text+txt2.text.....
that would increase my code a lot
is it possible to have (n+=txt*.text) or some thing like that
View 1 Replies
Jun 14, 2006
Alright im trying to figure out how to take the xml gallery tutorial, and add the ability to add lines to the xml from the swf itself.The swf would just be 2 text boxes, one having the url to the image, and one for the caption
Code:
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<images>
[code].......
View 2 Replies
Jun 7, 2009
I am dynamically adding a set of grid lines to a movieclip using a for loop. And I was wondering how I go about removing all of them so that I can add another set of grid lines to the same movieclip.This may sound weird but what I am doing is dynamically creating a table from an array and I wanted to dynamically add gridlines in between the table entries depending on how many entries there are in the array. I got this to work fine but when you go from one table with more entries to a table with less then the grid lines from the longer table are still there.Hence I want to be able to remove all the grid line instances before creating the next table.
View 6 Replies
Dec 24, 2009
I am new to flex, and do not know how to add an image (or other ui component) to canvas, so user can select it (and see that it's selected), also I want to add a possibility for example to click backspace and remove selected image from scene. How to do that?
View 1 Replies
Apr 8, 2011
The project I'm working on requires older libraries that extend mx components (such as TitleWindow and TabNavigator), I can't use what I know about Spark skinning directly. However, since the project is being programmed using the default Spark theme (with my modifications on top) rather than the Halo theme, I apparently don't have access to the styles I need (namely backgroundImage and contentBackgroundImage which apparently require Halo to be active). Simply setting Halo to be the theme will break other things, not the least of which my own theme.
Plans are in the works to replace the older libraries or at least patch them better to Flex 4, but as of right now, I need a way to style/skin these components without modifying them directly. It would be ridiculous to be unable to add a background image to a TitleWindow's content area! I've searched the internet high and low all day and tried countless variations of styles, skins, selectors, and combinations thereof with no luck. How to add a background image to the content of a mx TitleWindow while using the Flex 4.1 sdk?!
View 2 Replies
Jul 9, 2010
I have created a datagrid in ActionScript class and I want to add an Image to one of the columns..I tried to add an image this way..but it doesnot work.
[Embed(source="../../../../css/images/redCircleIcon.png")]
public static const redIcon:Class;
var statusRedImg:Image = new Image();
statusRedImg.source = redIcon;
[Code]....
View 1 Replies
Oct 14, 2010
I'm trying to create a MXML component based on the spark Panel and I would like to add an image on the right end of the title bar, so that the panel will have a text on the title bar and a small image at the right end. I'm using a skin to define the colors, background fill etc. But how do I add this image at the right end of the title bar?I would like to make that image cutomizable so that when the component is inserted, either the default image is used or a new image can be provided.
View 2 Replies
Sep 24, 2004
I have a dynamic text field that I am loading html into. Ok... that works great. My problem lies in the use of the image tag. How do I do something like this: <p>blah dslfjskdjflskdjf </p> <img src="pic1.jpg" width="320" height="180" /> <p>more filler</p> So that the text renders, the pic renders on the line below and the next <p> renders on the line below the picture.
View 4 Replies
Sep 3, 2010
By this code <img src='image.jpg'> can an image be displayed in a dynamic classic text. but this code can't display an image in TLF.
Do you know any image loading in TLF with htmlText ?
View 6 Replies