How to align the Spark Buttons Icon to the left? / like the icons to be all 3 pixels from the left // I have checked the sking class of the Spark buttons, but they doesnt expose the Icon property for further extending the skin/
View 1 RepliesI'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 trying to add different icon on different buttons. I have my skin file ready but not sure if I have to create different skin class for different button. It sounds inefficient.
<s:Button id="pass"
width="110"
height="35"
[Code]....
I 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 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.
I want to add search icon inside the spark TextInput control. Is there a way by which I can extend the TextInput control and add a child to it.
View 1 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 +--+ |
| +-+ | | |
| +-+ +--+ |
+-------------+
Regarding the dateField, there is the TextInput and the Icon. I want the icon to appear on the left side of the TextInput instead of it appearing on the right side as it is in the default state.
View 3 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 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 want to add two icons on spark button.I am using button skin.But the icons are not coming properly.
<s:HGroup width="100%">
<s:HGroup id="iconContainer" top="1" bottom="1" left="0" right="0"
horizontalAlign="{iconPosition}" verticalAlign="middle">
<mx:Image id="iconImage" source="{icon}" />
[code]....
How do I change the icons to Alert buttons like OK, CANCEL etc?
View 1 RepliesThis should be relatively simple, except that my entire movie (site) is TopCenter based. I just have one movie clip (some text) that I need to be top Left aligned & I can't figure out how to put it there, especially since it is within an MC that is centered and full-screen (liquid layout). This is my code right now (within terminal MC):
PHP Code:
// initiate postitions and scaling values for objects
//////The below is what I need left-aligned; current values are incorrect:
//_level0.terminal_stage.terminal.terminal_text._x = -440;
//_level0.terminal_stage.terminal.terminal_text._y = -315;
_level0.terminal_stage.terminal.terminal_bg._width = Stage.width;
_level0.terminal_stage.terminal.terminal_bg._height = Stage.height;
[Code] .....
The terminal_text MC should be about 20px from the left edge & 20px from the top edge of the browser...
I'm having a small problem with aligning movieclips. I have 2 movieclips.
For examples sake let's call them
black_box
red_box
I need red_box to align to the bottom left of black_box. Now the code I'm using works when black_box lays on the 0 axis for both x and y. But since the positioning of these movieclips are dynamic I'm having problems.
I'm almost sure I just need to add in the current x and y values into the equation but I simply can't figure it out
Code:
red_box._y = black_box._height - red_box._height;
red_box._x = black_box._width - black_box._width;
I want flash banner to span acros the screen so I put width="100%" and Stage.scaleMode = "noScale"; ok. But, this way all its content is centered. I want it to stick on the left, and so I put this code in it:
Code:
onEnterFrame = function () {
_root._x = 0.5 * (750 /* original document width */ - Stage.width);
}
This works. But the way this thing works when I resize browser window is far, very far from smooth. I tried to change it to
Code:
onEnterFrame = function () {
var rx = 0.5 * (750 - Stage.width);
_root._x = rx + 0.1 /* or another number */ * (_root._x - rx);
}
I am wondering if there is some straightforward way to do this, like some hidden FLA setting, or some Stage/_root property, and if there is no, how the hell to script it?
I 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 have a Spark List with a data provider consisting of a list of filled out form applications. What is the best way to add a button to each List Item (form application)? This button will be named Open and will navigate to the specified form application.
View 2 Repliesi have a swf object in my page, and i want it to have 100%width (entire screen) but i want the swf to be aligned to the left. with the following code it gives me the 100%width but the swf is aligned to the center of the page, is there a way to change the alignment?
<object type="application/x-shockwave-flash" data="http://localhost/arquitectos/flsh/menu.swf?" height="120px" width="100%">
<param value="http://localhost/arquitectos/flsh/menu.swf?" name="movie">
[Code].....
I want to do something like:
Main.mxml
<s:HGroup id="animals">
<s:Button name="dog">Dog Name</s:Button>
<s:Button name="bird">Bird Name</s:Button>
<s:Button name="cat">Cat Name</s:Button>
</s:HGroup>
[Code] .....
Do I have to extend the Button component or how should I proceed?
I have a list of radio buttons, which I want to be able to both set the value of programmatically and for the user to set the value of manually.I have a small list of data items which I want to display as options in a list of radio buttons. The objects are stored in a model object, as is the currently selected item. The currently selected item is bound to the radiobutton group. The radio buttons are generated using a spark list.
I am having a problem setting the list programatically - whenever I set the current value on the radiobutton group to the first value in the list, all of the radio buttons are cleared, where the first one should be selected. I when checking in the debugger, I found the likely reason - there are two radiobuttons in the group that point to the same value, one of which isn't showing. My best guess is that the list control has created an extra item renderer which it is holding on to in case it needs to scroll the list.
Is there a way to create radioButtons based on an ArrayCollection without using a list? Failing that, is it possible to prevent the list from generating the extra item?
I have problem when loading gallery from external swf [URL] to [URL] into portfolio. Pictures are cut on left bottom side.
View 0 RepliesI want align my flash file to left-bottom of browser in float mode for all resolution it's position fixed left-bottom. I use DW 8 and Flash MX.
View 6 RepliesI'm trying to get my clip to stay at the left of the screen on stage resize, but it isn't working. This is my code:
stage.addEventListener(Event.RESIZE, resizeHandler);
function resizeHandler(e:Event){
circleMenu.x = 0;
}
Obviously that doesn't work, but how do you get the global zero X position. When I resize the window, my clip moves along with it.
I have a list component filled with text of varying length.
I currently have this
But I'm trying to get this
And is it possible to manually wrap the row height depending on the size of the text inside the row?
I have a series of thumbnails that should scroll from left to right & right to left when you roll over the movie clip buttons on either side. IT was working in another flash movie, but I moved it to a different flash file and now it's not working. The hit buttons within the movie clip buttons have this action script:
[Code]....
Can I set a loader component to load a picture whit a middle align instead of top-left?
View 9 RepliesI am still very young to the fullscreen flash phase.. thats why I have a quick question:How do I align my elements (movieclips) to follow the bottom or the right/left side of the website?
View 2 RepliesI'm planning to provide the visitors of my website an option to toggle between their normal window and an optional fullscreen window. I just don't know how to align a simple movieclip to the left bottom of my fullscreen window (margin 20px). I can't use static parameters because it has to be adjusted to everyone's personal screen resolution. Does anyone know how to fix this?
View 1 RepliesI would like to right align an icon on a button or tabbarbutton and keep the text left aligned in Flex 4.0 Spark. So far, I've come up with something like the following in my custom skin:
[Code]...
How do I change the icons to Alert buttons like OK, CANCEL etc?
View 3 Replies