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 +--+ |
| +-+ | | |
| +-+ +--+ |
+-------------+
I 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'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 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 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've some components with dynamic heights. They have to be aligned with respect to the bottom of my canvas container, so I cannot set the same y for all components.
I could compute their heights and successively set the y but I was wondering if there was an easier way to do it.
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.
Is there any way to set horizontalAlign from Action Script not from mxml?
View 1 RepliesI 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].....
How 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 RepliesHow 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 have an application with width/height of 100%. I have several nested groups within and their measurements are all not set, instead being defined as top=5 or left/right=10, etcI'm trying to get the actual with of a group that should be 390. I've set the swf object size to be 400 from the html embed code, and the group is inside another group that is width=100%. The group has a left=5 and right=5 so the width should be 400-10. When I display the .width and .measuredWidth of this group, the width is always 400.I'm fairly new to flex/flash. Do I need to have explicitly set widths in order to get the width of child containers? Is there something I'm doing wrong here?
View 3 RepliesHow can Application's ControlBar be moved to its bottom in Flex 4.5 ?
The Adobe doc says only:
By default, the ApplicationSkin class defines the control bar area to appear at the top of the content area of the Application container with a grey background. Create a custom skin to change the default appearance of the control bar.
So I look at spark.skins.spark.ApplicationSkin and there is a controlBarGroup (does it hold the ControlBar contents?), but I don't know how to move it from top to the bottom.
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?
I'm wondering how I would be able to align a MC on the bottom of the browser?
I'm currently embedding a 930x180 .swf on a HTML page and when I hover this banner i'd like a MC to appear/stick to the bottom of the browser.
I'm using this code:
Code:
Stage.align = "BC";
Stage.scaleMode = "noScale";
var $stage:Object = new Object();[code].........
To make everything align to the bottom of the .swf when it scales, as most of my MC's won't need to scale. The bottom part stays pretty much on it, imagine a desk, with lots of stuff on it, then as you resize, the background extends, which is why it aligns bottom.There is then a bar at the top and a bar at the bottom. the bottom bar is fine, it is naturally aligned to the bottom, so it doesn't need to be told to do anything.The top bar is giving me some grief though. I've tried all sorts of code to try and make it sit up the top, but it just doesn't want to.
The following code blocks create a movie clip 20px high and align it to the bottom of the stage (I add 100px to stageHeight because by default it traces 300 instead of 400). Regardless, both code blocks work when tested in Flash.In HTML however, only the first code block works.The second code block produces a blank HTML page. The second block is so that I can change the footer's height and still have it sit at the bottom of the stage...Considering "footerY" traces 380px, I have no idea how the two code blocks are so different that one HTML page makes the clip visible and the other doesn't.
Code:
var footerHeight:uint = 20;
// var footerY:uint = (stage.stageHeight + 100) - footerHeight;
// trace(footerY);
[code]....
I am trying to make it so that when the window is resized, a color bar resized to be the width of the stage and the moves to the bottom of the window. The width resize works fine, but item disappears out of view when i include the new y location. I've set up a trace and everything seems to be fine. What am i doing wrong?
[Code]...
Ive got my flash movie set to 100% width & height, while the stage is set to no scale. Is it possible for me to align an mc to the bottom regardless their window size? Just to clarify if firefox is larger than the stage, can i align this mc ( like a footer ) to the bottom of the ussers screen.
View 3 Repliesi have a little problem about a MC.
- I put it on the stage
- I put an action script in my MC wich look like this:
[Code]...
The MC dont move at all, and it isnt in the Bottom of my screen
I have my movie embedded with 100% width 100% height in order to take up the entire browser window. Now what I would like is a MC to automatically align itself so that it stays at the bottom edge of the browser and adjusts itself whenever the browser window is resized.
View 11 RepliesBasically I have a textfield that will have a fixed width and wrap the text, which will be passed to it dynamically. Since the text will be dynamic,there's no guarantee of how many lines the text will take up.Directly underneath that textfield i have another text field that will also take dynamic text. Think of it as a title and a subtitle.so I'll have something like this:
Code:
var title:TextField = new TextField();
var subtitle:TextField = new TextField();
title.wordWrap = true;
[code]....
and probably others that I'm forgetting. Getting it to work with a single line of text isn't really a problem, but as soon as the text begins to wrap to multiple lines, everything i've tried seems to fall apart.
I have a dynamic text box for multiple questions in a text. We would like to get the text box to align bottom (so the text is always at the bottom of the box no matter how much text is in the varriable). Is there a way to do this?
View 5 RepliesMy movie clip is not bottom aligned when window is resized. I noticed that everything works when I delete the line which tells the stage to not scale. PHP Code: //Stage.scaleMode = "noscale"; But I need to keep that line because I don't want my swf to scale. My question is how can I resolve the issue with the bottom align of my mc? I already have addListener but seems it does not work when the "noscale" line presents.
View 2 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 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 RepliesI 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 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 have problem when loading gallery from external swf [URL] to [URL] into portfolio. Pictures are cut on left bottom side.
View 0 Replies