I have the following code layout in mxml. The button will be positioned correctly in the middle, but the text remains anchored to the top. This is not the behavior of the spark component label, but I need multiple style runs in the text and have found the mxText component to be the best solution...
<s:Group>
<s:layout>
<s:HorizontalLayout verticalAlign="middle" gap="0" />
[code].....
do you know of a way to vertically align text? i have a text box that is the height of 400 and there is one line of text going within it that needs to be centered so there is the same amount space at the bottom and top. the text is subject to change in amount of lines so i need to have a way to have it centered always.
View 2 RepliesI have Input Text box and the size is Width: 200 and Hight: 150. I need to align text vertically center using action script.
View 5 Repliesis possible to align text in dynamic text control vertically to the middle? In flash CS3.
View 1 RepliesI would like to make the height of my DataGrid rows a bit larger than the default. The problem is that the text is vertically align to the top of the row. I would like to vertically align it to the middle of the row.
Is there a way of doing that via CSS or Skinning in Flex 4.6? note that I am using a Spark DataGrid and not an MX version.
I'm creating Flash-based software that has text boxes where users write in the answers to questions. I want the text that the user types to be vertically aligned to the middle of the text box, so that even if the response is two or three lines, it is still centered in the box.
It doesn't appear that I can accomplish this through the properties window in Flash. Am I missing something? Or is it possible to set the properties of the text box with actionscript, and would that allow me to vertically align the text?
i made a function for replacing a text letter by letter. You've probably seen this effect of putting in place of a text a random one, with the length of the new text and then replacing the random text, letter by letter with the new one. It worked fine but I had to do some adjustments, because I needed to vertically align the text to the bottom, and I had the newline character in the text which gave me some issues with the aligning. Since I did this adjustments, string.length returns undefined even if trace(string) shows the correct text in the output window. On the other hand length(string) gives me the right answer. I also use the charAt function which also returns undefined, even if the trace function shows the correct text.
View 7 RepliesAny way to bottom-left align components? An <HBox .../> nested in a <Canvas .../> doesn't work because the elements in the HBox are top-aligned instead of bottom aligned.
For example, I'd like my components to be aligned like this:
+-------------+ <-- container
| components |
| | V |
| V +--+ |
| +-+ | | |
| +-+ +--+ |
+-------------+
Is there any way to set horizontalAlign from Action Script not from mxml?
View 1 RepliesI have a Flex app. and have a top banner where I have one graphic I want left aligned, one graphic I want to hug to the right, then some text I want always centered in between the two. Which layout do I use to do this?
View 1 RepliesI have dynamic textField and need to align my text vertically top on textField. How can I set my text vertically top ?
View 2 RepliesEach duplicated clip is a different height to fit some xml text.
How do I vertically space out the duplicated movie clips so they don't overlap?
Code:
result_mc.duplicateMovieClip("mc" + i,i);
result_mc._visible = false;
//Y Placement
[Code].....
I have a DataGrid[code]The datagrid does not scroll down after i've added 2 text components in a datagridcolumn.The scrollbar scrolls back up on pulling it down.
View 2 RepliesI'm having some issues aligning the header text of a datagrid. I'm using an embed font for the header text, and when applying the css, the header text behaves as if I'd set the text vertical align to top. I'm trying to vertically center the text, but haven't found a way to make it work.
View 1 RepliesI 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?
In the Spark DataGrid the default row height is about 22 px. I would like to set the default row height to 18 pixels and I can do this easily enough with the rowHeight property but what happens is when the rowHeight is set to anything less than 22 px the bottom area of the text in each row is cut off. It seems that the default grid itemrenderer or grid label has a min height set to it. Since I have multiple columns and want to have shorter rows but not have the bottom of the text cut off in each row how would I do this?
View 2 RepliesHow to make text in flex justified (text-align option)
View 2 RepliesI have 2 spark labels next to each other. They are in a basic layout and both have bottom set to 0. They have different font sizes (28 and 12).
Both fields only display numbers. I want the baseline of the numbers to line up.
At the moment they do not as there are no descenders and the descender area of the line is obviously a different height for the 2 different font sizes.
How to place two different texts (using html tags) in column in a datagrid, in which one will be right aligned and the other will be left aligned.
View 2 Repliesi have created custom components in flex where i have used a button,i want to change button text when i will use that component in other mmxl file how i can do that?
View 1 RepliesDo you know any flex component with the functionality such as horizontally collapsible window or panel I found arc90, but it folds vertically.
View 1 RepliesI am created a dynamically adding a VBox, that contains two images. Into a Custom Component that is derived from UIComponent. The problem is the Vbox that contains the two image is only a really tiny size. I would like the VBox stretch to the size of the two images. This is how I am creating the Vbox....
[Code]...
.autoSize seems to expand itself vertically and horizontally. Is there a way to auto size it just vertically so the width remains the same and wordwrap is done?
View 2 RepliesIs it bad practice/design to nest components inside components using Flex 4? Should I simply be creating components and inserting them into my main application as below, or doesn't it matter?
<com:MyComp1>
<com:MyComp2>
<com:MyComp3>
[code]....
How can you justify text in a TextInput vertically?
View 4 RepliesI have a dynamic text filed and an input text field. when I type in the input text field the text Will show up in the dynamic text field.I have positioned the dynamic text vertically like this:
P
A
L
[code]........
I want to get my text to auto scroll vertically it is for a news section for one of my customers... I am loading the text from an external txt file. I have got everything to work but can figure out how to make it auto scroll itself.
View 6 RepliesI am trying to read data from a XML and then create a match-them kind of game where one set of choices are listed one on top of other and another set is on a row above them one after the other with the text aligned vertically.I have the whole thing working out perfectly but the only problem is that I am not able to display the text vertically. I did some searching and turns out that Dynamic and Input Text boxes can not display vertically oriented texts. I thought about creating static textfields at run time but couldn't find an option to vertically orient the text in the formatting options.I tried rotating the movieclips after the textfields have been created but as soon as the clips are rotated, the text disappears.
View 4 RepliesI have a dynamic text field that is pulling random quotes from a text field. They are populating over a graphic of a customized playing card. Everything works fine, and the text horizontally centers fine.... but it vertically centers to the top of the text box I have drawn.Is there a way to make the textvertically align in the center? I am just learningactionscript... or re-learing it rather.Here is the code I am using for the random text:
Code:
ranQuote = new LoadVars();
ranQuote.onLoad = function(success) {
[code].....
I am having a problem with my text alignment and I can't figure out a way to correct this. Unfortunately, I'm using a mac with CS3 and a Windows computer with CS4, so it could either be an OS difference, a version difference, or a software bug which I can't figure out.
Update: I downloaded a trial CS4 and the problem persists. This seems to be a mac issue. For some reason, the text on my Mac with CS3 are not in the vertical center of the text fields. This causes a problem with my "align vertical centers" alignments, meaning I've had to do the alignment by hand to get it to look right. When I moved my file to my laptop to keep working on my project at home, I noticed that the text alignment was correct on my laptop, causing all of the text placement throughout my document to be off. This means that I can only work on the one computer and can't bring the project home to work through the weekends. I have made an image showing the difference of how the text is aligned on the two versions, and a sample of how it affects my project when i bring it between computers.
I made the file on the mac (CS3) first, and so the alignment is designed to look correct on there. When i bring it to the PC (CS4) the text shifts down, placing it back in the center of the text boxes and ruining the alignment. When I publish the file it keeps the formatting of each system. IE - publishing on the mac makes the final product look like it does on the mac, and publishing on the windows computer makes it look like it looks on the windows computer. The file published from the mac has the mac alignment on both computers, and the file published from the pc has the alignment of the pc on both computers.
Just to clarify, the way flash handles text fields on windows / cs4 is how I imagine it should be. I made the file on mac/CS3 however, and so when i said "ruins the alignment" I should have said "fixes the alignment problem, but breaks my alignment which was made to compensate for the problem I was experiencing."