how to align Label followed by RadioButtons in Flex 4.5:
RadioTest.mxml:
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
[code].....
I'm building a small Flex UI component that displays a colored square next to a label of text. I want to be able to specify a size for the square and internally adjust the label's properties such that the line height matches the square and the text is vertically centered with respect to the square.
At the moment, I'm using mx.controls.Label for the text. Setting the fontSize style to the square's size does not work, the label then becomes too big. After tracing a couple of values in the debugger, I found that
the line height of the internal text field (sum of the ascent and descent properties of the TextFieldMetrics object obtained through getTextFieldMetircs()) seems to end up about 120% of what I specify a s font size.there's a default "leading" of 2 pixels that I can not change directly at the Label level, this adds to the overall height of the internal text field (getTextFieldMetrics().height)the height of the Label component then is an additional 5 pixels larger than that, I don't know where those come from.
I am making a quizz in flash, and I want the checkbox to be vertically aligned with its label. I don't want it to be in the middle. What should I do? I searched for hours and hours and didn't find an answer
[Code]...
I have a series of buttons, and as some of you may know, the text on the label is always centered. I just want to know if there is a way to make it left justified.I'm just using the button component in Flash CS5.5. In the properties there is a Label option, i forget the name of now, but it had "left, right, top, middle, etc" but this didn't seem to change anything.
View 2 RepliesI have an AC with several questions and assoicated answers. These must be shown in a DG, and the idea is that the rows and colums of the DG are bound to the AC. For example, if the answer to question1 is Yes, the Yes-button must be true, and both the others must be false (as in normal radiobuttongroup behaviour). But when I change a button by clicking it, the actions datafield of the AC should change accordingly. Am I clear enough here?
It is ment for dynamic questionnaires.
<?xml version = "1.0"?>
<mx:Application xmlns:mx = "http://www.adobe.com/2006/mxml">
<mx:Script>
[Code].....
I have a Validator on a RadioButtonGroup of 2 Radios. There's a checkbox above the RadioButtonGroup whereby if checkbox.Selected, then the Radios are enabled. So the Validator is required if the checkbox.Selected. So far so good. The problem is once a radio gets selected, the RadioButtonGroup selectedValue gets set. When I uncheck the checkbox I set the radios to not selected, but the selectedValue on the RadioButtonGroup doesn't get reset -- it hold the previous value. I tried setting it to null but no luck.
Therefore if I check the checkbox again and submit, the Validator see a selectedValue on the RadioButtonGroup. Even though none of the radios are selected, validation passes. How can I reset the RadioButtonGroup to its initial state when I uncheck the CheckBox? I looked at the underlying code for RadioButtonGroup.selectedValue = null, and what it does is look for a radio in the with the parameter value. If it doesn't find it nothing gets set.
I'm trying to make a quiz in flex and am loading data from an xml file. For each question I want to create a radiobuttongroup so I can associate radio buttons to it. How can I accomplish that with actionscript? I can see that addChild method works for DisplayObjects and I presume that radiobuttongroup is not one because I'm receiving errors. How can I dynamically add radiobuttongroup with actionscript in flex application?
View 2 RepliesI had tried to use the radioButtonGroup under the GridItem in flex4. but it is not working[code]...It is not working. If any one knows how to assign values to radioButtonGroup to call the showSetting() function.
View 1 RepliesI have a UI component that, for various reasons, I have to construct programatically. The component is a table of radio buttons grouped by column.Right now, I'm constructing the column groups like so:
private function createGroupsForItemList(items: XMLList): void {
for each (var item: XML in items) {
var rbGroup: RadioButtonGroup = new RadioButtonGroup();
groups[item.@level.toString()] = rbGroup;
}
}
I'm trying to associate the RadioButton instances with the column groups like so:
private function createValueControl(item: XML): UIComponent {
var control: RadioButton = new RadioButton();
control.label = "";
[code]...
I can see in the debugger that the control has an association to the group:
control.group == groups[item.@level.toString()]
However, I can see equally that the group does not know anything about the control:
group.radioButtons.length == 0
I imagine that this is because the setter for group in RadioButton is a dumb setter; all it does is copy to the variable, which doesn't do the magic that groupName does. However, I can't seem to find the value I should use to set the RadioButton.groupName property correctly.So, in short, I'm stumped on how to get these bits to talk to each other. How do I do this?
-- EDIT -- It turns out that I can have the groups created and associated simply by setting the groupName property, but I can't get at the group to set up a selection listener; the group is NULL immediately after the setting process, which means that the second line below throws the Flex equivalent of an NPE:
control.groupName = groupNameForLevel(item);
control.group.addEventListener(Event.SELECT, updateSelection);
lets say i have a
var rdGroup:RadioButtonGroup = new RadioButtonGroup();
how can i assign the id
rdGroup.id = "id_RdGroup";
and how can i add this group inside a VBox say
var vbBox:VBox = new VBox();
vbBox.addElement(rdGroup);
this thing gives error. that property id not found.
I put 2 RadioButton on stage and specify them as belonging to the same group. However, when I export them as a symbol and try to use it in AS3, I can't access that group, only individual buttons? How can I get the group into my symbol too?
View 2 RepliesWhen using the Align tool to align to objects to each other, but not the stage, how does Flash choose which item remains stationary and is aligned to?
View 1 Replies<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" backgroundImage="images/Login_01.jpg" verticalCenter="0"
horizontalCenter="0"
width="800" height="600" horizontalAlign="center" verticalAlign="middle" >
I need to align the background image in center, but its not working its going towards to left for different resolutions.
I use an item renderer to display a checkbox in my datagrid like;
<mx:DataGridColumn headerText="Visible" dataField="visibleInd" width="48"
itemRenderer="mx.controls.CheckBox"
rendererIsEditor="true"
[Code]....
But in this case my code does align the checkbox in the middle, but does not save data in my dataprovider.
How can align my application to the left in Flex ? The application is horizontally centered and when I resize the browser window it stays centered. It is not css padding, it is flex padding, so I guess I have work with Flex code.
I've tried to add the following properties to the Application container: paddingLeft="0", left="0".. but it doesn't work. Still centered. I've also tried to set "align","left" in the html/javascript code, but it doesn't solve the issue, because the padding is inside the flex application.
My code is supposed to read an XML file, and present a question with 4 possible answers to the user. I am outputting my data fine, and even outputting corresponding radioButtons for my multiple choice question. I must be handling my radioButtonGroup incorrectly as when I test my movie, I can select 1, 2, or even all of my buttons. My trace statements outputs each button with the same group name.
[Code]...
I'm making a simple quiz. I dynamically create Sprites and on these Sprites I add dynamically created TextFields which take text from an XML file. The TextFields contain the questions. Now I want to add a RadioButtonGroup to each Sprite but every time I try to addChild I get the message telling me I cant coerce the RadioButtonGroup into a display object.
[Code]...
EDIT2: Ok Both problems solved since I just found out how to randomize the array It took me three days to solve these problems lol At the third day I posted here but I got with the solutions by myself EDIT: lol ok Silly me.. I've just found out how to do that... Just adding a n in the answer texts solves this issue... I feel silly now =P ... However, I got another doubt, since I need to randomize the questions... Let's say I'd need 20 questions in total (with its respective answers). From those, I only need 10 to show... Ok, no problem here. The thing is, from those 20 possible questions, I need any 10 to appear randomly. I still can't found out how to randomize the items inside an array.
[Code]...
I'm having trouble vertical aligning text inside cells in a DataGrid in Flex. I tried this.setStyle("vertical-align", "middle) in an itemRenderer on the column but it doesn't seem to work. I tried verticalAlign as well.
View 5 RepliesI have a VBox inside which I have 4 HBoxes. The second level HBox is initially hidden.When I click the label, 'Show more Options', the second level HBox is displayed.Now I have the space occupied by the 'second level HBOx' empty and the 'search' button appaers below the space.My first question is, Is there a way to position the Search Button in such a way that, the space is not there and after the 'Show more Options' label is clicked, the 'Second Level HBox' appears?And the second question is, Can I position the Search Button at the center of the page. Is there any method to center the contents of a HBox of a VBox?This is my code:
<mx:Form x="47" y="219" width="80%" >
<mx:VBox id="searchBox" >
<mx:HBox id="searchTitle" width="100%" height="20" backgroundColor="#2680D5">
[code].....
Any 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 +--+ |
| +-+ | | |
| +-+ +--+ |
+-------------+
How 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.
Is there a way to align an image to the rightmost of HGroup, which is setted to 100% width ?
here is my code, but it aligning the image "imageZoom" just after the object before it :
[Code]...
I have searched the net, but all those tuts are for Flex 3.
What is the approcach in Flex 4.5 to align the mx:MenuBar items in middle of the bar ?
(usually they are on the far left side)
I am using RadioButtons within a radiobuttongroup. i want to change the order sequence of the radiobuttons of the group based on the end user's input.i have searched a lot, but all fell into vain.
I want to know whether it is possible to change the order of the radiobuttons?
Working in Flex 3, I have a series of components being rendered on a canvas, each of which should represent a single potential selection, ideally in a RadioButtonGroup. So in my parent canvas I am defining the RadioButtonGroup, and each component provides a single RadioButton. However, this doesn't seem to work.
[Code]...
So my guess was that at this point if, say, four of these components were added, the radio buttons would behave in mutually exclusive fashion and I'd be able to access myRadioButtonGroup.selectedValue to get the current selection. However, it doesn't seem to work that way. Is what I'm trying to do even possible, or have I maybe just missed something?
Here is my code:
var x : int = 50;
var group : RadioButtonGroup = new RadioButtonGroup();
for (var i : int = 0; i < 5; i++) {
[Code].....
when i run the application, it shows me "0". Why this?
Is there any way to set horizontalAlign from Action Script not from mxml?
View 1 RepliesHow to use the horizontal align property of TileList or List in flex? I want to make an align left of my TileList with only 1 column. I know I can use a simple List for that, but this is a requirement.
View 2 Replies