Flex 4: How to center a component that is larger than its container?

Posted by Liviu on Stack Overflow See other posts from Stack Overflow or by Liviu
Published on 2010-05-26T12:44:09Z Indexed on 2010/05/26 12:51 UTC
Read the original article Hit count: 251

Filed under:

flex4

|

spark

Hi Everyone!

I am using Flex 4 Spark Components for this one.

I have a custom component that is larger than a certain container, and I need it to be centered in that container. Best using only MXML, styles and properties

This does not work as expected:

<s:BorderContainer x="300" y="300" width="200" height="200">
   <s:Button label="Not centered" horizontalCenter="0" verticalCenter="0" width="300" height="250"/>
</s:BorderContainer>

Thanks!

© Stack Overflow or respective owner

Related posts about flex4

how to embed pure as3 bitmap assets with flex4 (worked with flex3)

as seen on Stack Overflow - Search for 'Stack Overflow'
In Flex3, I could compile pure as3 code and use "embed" tags to load in images. This was done by Flex making a BitmapAsset class. I can still do this in Flex4. However, there was a trick to fakeout flex3 and use my own mx.core.BitmapAsset class to remove some of the extraneous stuff Flex's BitmapAsset… >>> More
Making a mini paint area in AS3/Flex4

as seen on Stack Overflow - Search for 'Stack Overflow'
So below is the code I have so far. For now I simply want to make it draw a square and have it show up. Right now when I click the area defined in MXML as <components:PaintArea width="100%" height="100%" id="paint-a"></PaintArea> it shows nothing; however, the actionlistener is getting… >>> More
Trying to draw a Rectangle to a Custom Container in Flex4/AS3

as seen on Stack Overflow - Search for 'Stack Overflow'
So below is the code I have so far. For now I simply want to make it draw a square and have it show up. Right now when I click the area defined in MXML as <components:PaintArea width="100%" height="100%" id="paint-a"></PaintArea> it shows nothing; however, the actionlistener is getting… >>> More
Advantages of Migrating Flex3 App to Flex4

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi guys, What are the advantages of migrating a Flex 3 app (Java backend, BlazeDS, Spring, Hibernate) to Flex 4? One of the biggest advantages of Flex 4 is design. Assuming that design / UI isn't a big driver for the business right now as compared to performance, what are the other factors we can… >>> More
how to auto select the first index in a sparks List control in flex4

as seen on Stack Overflow - Search for 'Stack Overflow'
hi i have a spark List control. it has a dataProvider that shows reply from twitter search. i have created a function for change handler like this: protected function list_changeHandler(event:IndexChangeEvent):void { ta.text = coverflow.selectedItem.title; … >>> More

Related posts about spark

How to organized page specific CSS link tags with spark view pages and application.spark

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm currently using ASP.NET MVC 2 and the spark view engine. The main master page (application.spark) contains all of the CSS link tags that need to be present for all pages (global stuff). However, I have some content pages that have page specific CSS tags and currently I'm just sticking the link… >>> More
Spark View Engine: How to set default master page name?

as seen on Stack Overflow - Search for 'Stack Overflow'
I use Spark View Engine with nested master pages. I have Application.spark which defines the basic layout of the website. Then there are several other masters which themselves use Application.spark as master page (Default.spark, SinlgeColumn.spark, Gallery.spark, ...) If no master page is specified… >>> More
Installing the Spark View Engine into ASP.NET MVC 2 Preview 2

as seen on Dot net Slackers - Search for 'Dot net Slackers'
Learn how to integrate the Spark View Engine into a standard ASP.NET MVC 2 application >>> More
ASP.NET MVC View Engine Resolution Sequence

as seen on Stack Overflow - Search for 'Stack Overflow'
I created a simple ASP.NET MVC version 1.0 application. I have a ProductController which has one action Index. In the view, I created a corresponding Index.aspx under Product subfolder. Then I referenced the Spark dll and created Index.spark under the same Product view folder. The Application_Start… >>> More
Why does adding a Flex DateChooser component throw an index out of bounds error?

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm facing an issue with the flex Application I'm currently working on. When I open a pop-up using the 'createPopUp' method, I've got this index out of bounds error message : RangeError: The supplied index is out of bounds. at mx.core::FTETextField/getLineMetrics()[E:\dev\4.y\frameworks\projects\spark\src\mx\core\FTETextField… >>> More