Flex :: Layout - Decrease Gap Between Each Text Element?
Dec 16, 2009
I have an mx:vbox and inside i have several mx:text elements.how do i decrease the gap between each line of text that is shown ?i tried doing the following:
I am trying to figure out how I can implement the new Text Layout Framework 2.0 in Flash CS5. There are some Flex and FlashBuilder4 examples, but nothing relating to Flash CS5. How do I update my Flash CS5 to support TLF2.
I am particularly interested in creating new List/Bullets features so some example code for Flash would be great.
I am using text layout framework in my application. I am using textflow as editor to my application. As text layout framework supports multiple languages. I a m able to see the text in multiple languages. Now my doubt is, can I type in different languages? For example: As in word if we choose the font as Hindi then whatever we type it comes in Hindi.
I am building a text editor in Flex using the Text Layout Framework. So I have a Canvas in which I display the content of a TextFlow. I would like to show scrollbars in the canvas, so that I can use the scrollbars to scroll throught the content.
However, the width and height of the 'composed' text layout is equal to that of the canvas, so it is not a matter of just turning on the scroll policy. Somehow I am not able to find the full height and width of a full composition of the TextFlow.
adding the TextFlow to the canvas: rawChildren.addChild(_textFlow.flowComposer.getControllerAt(0).container);
Anyone knows what is the best way to add a scrollbar here? Or how to figure out the full height of the TextFlow?
I'm using a list element with variableRowHeight and word-wrap set to true like in the example below: [URL]. When I scroll through the list with a mouse scrollwheel the text in the listItems also scroll. I know that this is to do with the height of the textField...
I have a Dynamic Text area called txt, I write the value 5000 by txt.text="5000"; In my scene there will be 2 buttons. When one of the buttons is pushed the value will decrease 250 by 250. For example; at first push it will decrease to 4750, at the second push it will decrease to 4500 and so on...And when it is pushed to the other button this value will increase 250 by 250.For example; the value will be:4500 by pushing twice to the decreasing button, then it'll be:4750 by pushing once to the increasing button.I tried with the below codes but it didn't work. The value decreases only once, it doesn't keep on decreasing when I pushed twice to the decreasing button.The value seems as 5000250.
I have a Dynamic Text area called txt, I write the value 5000 by txt.text="5000"; In my scene there will be 2 buttons. When one of the buttons is pushed the value will decrease 250 by 250. For example; at first push it will decrease to 4750, at the second push it will decrease to 4500 and so on...And when it is pushed to the other button this value will increase 250 by 250. For example; the value will be:4500 by pushing twice to the decreasing button, then it'll be:4750 by pushing once to the increasing button. I tried with the below codes but it didn't work. The value decreases only once, it doesn't keep on decreasing when I pushed twice to the decreasing button.The value seems as 5000250.
And there is one thing too I wanna make if it is possible; I want to place the decreased value of txt dynamic text to valuetxt dynamic text. For example; when the value is done as 4500 by pushing twice to the decraesing button, the valuetxt area will be 500. When the increasing button is pushed once, txt value will be 4750 and valuetxt area will be 250.
I'm trying to create a simple layout of 3 horizontal Label/Text components. I'd like the components to resize depending on their text content, which will change at runtime.
The output would look like "0-1" or "1-99" or "1000-9999".
My problem is that the default width of the Label is wider than it's content (even with paddings set to 0), and if I set an explicit width larger numbers will be truncated when the bound variables are updated.
So, I want to create a Label that is exactly as wide as it's content, even when that content is a single character.
On screen the text from the 3 Labels should look the same as if all the text was entered in a single Label.
(I need to keep the text in separate components so I can play effects on firstNum/secondNum individually.)
I am new to flash but I have used motion tween before with Flash CS3. Now I need a text to decrease size and modify alpha so I wrote the text (one word), converted it to symbol (movie clip), create 2 key-frames (larger size, alpha 30% -> small size, alpha 100%) and "create motion tween" between. But it doesn't work i don't know why! This time I use Flash CS4 and I was wondering if there are some presets or something that I don't know. The arrow that suppose to appear between the frames doesn't ..only the frames change color.
I need to implement a functionality where a user adds some text into a text field. Next if a user clicks on a button, then the font size increase/decrease so as to accomodate entire text in the available area. That means if a user has added just hello world in 12 px font and text field size is say 400*200 and user clicks on the button, the font size increases such that the text is occupied in the complete text field. Similarly if lot of content is added at a font size of 16 or so then clicking on the button reduces the font size to make it fit into the available text field area.
how to make the preloader works on the full screen website/ fluid layout. I add the Stage.resize on the code for FYI When I added this code to the bar, it expanded to full screen, but there's no loading bar. The text is also no progress.
I'm using the text layout component offered by adobe labs. I read the documentation and now capable of doing almost all what I need. I just have a small problem. Lets say I have a text layout object on my stage containing some text. How can I know the height of the text or the number of lines in it?
I found their is a porperty: "contentHeight" and a method "calculateHeight()" but they are in another class of the libraries that comes with the text layout component. I don't know how to reach them. Please help and write me the lines of code that do this job.
I keep asking myself why Flash is so simple when it comes to text layout and finally today I was thinking that that really can't be, considering Flash is meant to layout text in web sites. In my text field, I am looking to create a half return, so if I want space between two paragraphs, I don't have to use an empty return each time. Kind of like p padding in css. I also want to create a tab order in my text field, for better alignment of information. I am looking to create the look of two columns, where I have a date with a paragraph associated with it, with the paragraph being more then one line of the date, but staying indented. Lastly, and I am assuming this is a given, I would like the text to come from a xml or html file.
I'm using flash cs5... I've made a file uploader and it works great, only problem is it makes this textLayout_1.0.0.591.swf file (in addition to my actual swf)... is this really necessary? I have an embedded font that I think is putting this here and the whole thing doesn't work unless this swf is here.
Its all about printing a Sprite that holds (besides others) a TLFTextField instance thats textFlow has been imported from an external XML file.
Everthing works fine, the content is formatted in correct way, the textfield is aligned at the desired coordinates so that i have nothing to complain about concerning what is visible ON THE SCREEN.
I then instantiated the PrintJob class, added the sprite to the job and sent it to the printer.
But no text from inside the TFLTextField is printed. Except for that, everything else (I added a background color to the sprite holding everything and a normal TextField instance with dummy text) is processed well.
Here is an excerpt from my sourcecode:
ActionScript Code: var canvas:Sprite = new Sprite; canvas.graphics.beginFill( 0xFFFF00 ); canvas.graphics.drawRect( 0, 0, 800, 600 );
In my text field, I am looking to create a half return, so if I want space between two paragraphs, I don't have to use an empty return each time. Kind of like p padding in css. I also want to create a tab order in my text field, for better alignment of information. I am looking to create the look of two columns, where I have a date with a paragraph associated with it, with the paragraph being more then one line of the date, but staying indented. Lastly, and I am assuming this is a given, I would like the text to come from a xml or html file.!!!
Any Way to load text externally into text fields in flash but arranged in linked columns (like in Quark). I'd like to be able to just add text to the external file and the text to be rearranged automatically in the columns. For example, if you add a name in the middle, all the following text has to be moved down.
I am trying to re-use a page layout multiple times in one site, but importing different parts of an external text file for each use. The site has various different page layout designs, which can easily be swapped around and still display the correct content. I'm using this code to import the text: loadVarsText = new LoadVars(); loadVarsText.load("mainText.txt"); loadVarsText.onLoad = function(success) { if (success) { [Code] ..... The text field displays the name of the variable ("page1Title") rather than the content of the page1Title in the text file.
The goal is to being able to parse "<span style="color: #ff6600;">text</span>" that kind of tag, and apply styles from it. I know that TLF does not support CSS. I found in some example files for TLF a class that implements "IFormatResolver" and is doing its job in case of external CSS, but is there any clean way to parse style information that is inside (of tag)?
i'm attempting to simply set the caret position at the start of the text flow when it is first displayed, without having to click and activate the text to see the blinking caret.
googling returns that the solution is to do this:
textFlow.interactionManager = new EditManager(new UndoManager()); textFlow.interactionManager.setSelection(0, 0);
however, setSelection() is not a valid function of the selection or edit managers.
1061: Call to a possibly undefined method setSelection through a reference with static type flashx.textLayout.edit:ISelectionManager.
I'm learning layouts in Flex. I try to make the following layout.The red arrow means when enlarge the window, the red arrow widget will become large too. Can anyone implement this layout in Flex?
I need to develop a GUI for a self-service kiosk. The kiosk will take food orders (i.e pizza, burgers, salads) and provide the ability to pay using a credit card. Can anyone suggest the best GUI layout or approach? I want to make it intuitive and simple. I want to minimize the number of button clicks. If you can provide examples,
My flex application gets some parameters from URL when the application opens for the first time(ex: layout=<1,2,3,4> ). Based on layout(1,2,3,4) value I have to change the layout. However the problem is the application is already drawn(Layout is initialized) by the time the control reaches the point where it reads the values from the URL. I was wondering how can I redraw once I read the values from URL. Some thing like refresh.
I want to design a registration form using only ActionScript, i have designed labels and text boxes but using label.x = "10" label.y="40" text.x = "50" text.y ="40"... to align correctly. But i want to design a layout such that all labels and text boxes will be aligned properly.
Will I take a big hit in performance using nested ViewStacks? Should I strive to handle all navigation in one ViewStack and push children manually or will the affected performance be negligible?
I was modifying the layout of a Flex application in Flex Builder. What I didn't realize was that the changes I made, were made for a particular state. There are around 6-7 states in my application. Now, I need those changes to be made to all of those states. How do I do it? As of now there are multiple lines like this in one state :
I have a randomly-sized array of items. I'd like to display one label for each item in a Repeater component. I want them to display in a grid layout with 5 columns and as many rows as needed. How do I do that in Flex / ActionScript?