Dynamic tab width in a Flex 4 TabBar component with skin

Posted by JoriDor on Stack Overflow See other posts from Stack Overflow or by JoriDor
Published on 2010-06-17T09:15:01Z Indexed on 2010/06/17 13:43 UTC
Read the original article Hit count: 644

Filed under:

width

|

flex4

|

tabbar

Hi,

I have a Flex 4 TabBar component with a custom skin. In this skin, the item renderer is defined with an ButtonBarButton with a custom skin. All the tabs in the itemrenderer have now the same width.

The client however wants me to make the tabs width dynamically, so a smaller tab for a smaller label, a bigger one for a long label. Does anybody know how to adjust the width of Tab (ButtonBarButton)?

Thanks a million!

© Stack Overflow or respective owner

Related posts about width

Twitter Bootstrap styling conflicts with plug-ins like jqGrid and other third part libraries

as seen on Geeks with Blogs - Search for 'Geeks with Blogs'
Issues:The concern is that the Twitter Bootstrap framework is that some of their css selectors are simply too generic and have incompatibility issues and conflicts with most third party plug-ins and css libraries, like jQuery-UI and jqGrid.My most pressing concern is only with the generic selector… >>> More
How can I center XHTML content with CSS?

as seen on Stack Overflow - Search for 'Stack Overflow'
so I recently converted a website of mine from a table content format to a div content format. Table format Version: Table version of the website: here. Table version style CSS: body { width: 1020px; margin: 0 auto; background-image: url(images/bg.png); } .logo{ width:301px; … >>> More
CSS set width to parentNode's width

as seen on Stack Overflow - Search for 'Stack Overflow'
Is there a way in CSS to set the width of any element to equal the width of its parentNode? I tried 'inherit' - sounds logic - but it didn't work. Thanks in advance. >>> More
assign width to half available screen width decleratively

as seen on Stack Overflow - Search for 'Stack Overflow'
Is it possible to assign a widget width to half the available screen width, and do it using declarative xml? thx patrick >>> More
Assign width to half available screen width declaratively

as seen on Stack Overflow - Search for 'Stack Overflow'
Is it possible to assign a widget width to half the available screen width, and do it using declarative xml? thx patrick >>> More

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
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
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
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