Comments on: Setting the tab width on a TabBar control in Flex http://blog.flexexamples.com/2008/10/04/setting-the-tab-width-on-a-tabbar-control-in-flex/ Just a bunch of Adobe Flex Examples Sun, 12 Feb 2012 14:19:03 +0000 hourly 1 By: Peter deHaan http://blog.flexexamples.com/2008/10/04/setting-the-tab-width-on-a-tabbar-control-in-flex/comment-page-1/#comment-8380 Peter deHaan Thu, 30 Sep 2010 04:30:33 +0000 http://blog.flexexamples.com/2008/10/04/setting-the-tab-width-on-a-tabbar-control-in-flex/#comment-8380 Posted as a new example at http://blog.flexexamples.com/2010/09/29/setting-the-tab-width-on-a-spark-tabbar-control-in-flex-4/ Posted as a new example at http://blog.flexexamples.com/2010/09/29/setting-the-tab-width-on-a-spark-tabbar-control-in-flex-4/

]]> By: Peter deHaan http://blog.flexexamples.com/2008/10/04/setting-the-tab-width-on-a-tabbar-control-in-flex/comment-page-1/#comment-8379 Peter deHaan Thu, 30 Sep 2010 04:16:35 +0000 http://blog.flexexamples.com/2008/10/04/setting-the-tab-width-on-a-tabbar-control-in-flex/#comment-8379 @Seth, If you're using a Spark TabBar, I believe you can just set the <code>columnWidth</code> property to your desired tab width, and then set the Boolean <code>variableColumnWidth</code> property to <em>false</em>, as seen in the following example: <pre lang="mxml"> <?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx"> <s:TabBar id="tabby" horizontalCenter="0" verticalCenter="0"> <s:layout> <s:HorizontalLayout gap="-1" columnWidth="100" variableColumnWidth="false" /> </s:layout> <s:dataProvider> <s:ArrayList source="[Boston,Chicago,Detroit,Los Angeles,New York]" /> </s:dataProvider> </s:TabBar> </s:Application> </pre> Peter @Seth,

If you’re using a Spark TabBar, I believe you can just set the columnWidth property to your desired tab width, and then set the Boolean variableColumnWidth property to false, as seen in the following example:

 
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
        xmlns:s="library://ns.adobe.com/flex/spark"
        xmlns:mx="library://ns.adobe.com/flex/mx">
 
    <s:TabBar id="tabby"
              horizontalCenter="0" verticalCenter="0">
        <s:layout>
            <s:HorizontalLayout gap="-1" columnWidth="100" variableColumnWidth="false" />
        </s:layout>
        <s:dataProvider>
            <s:ArrayList source="[Boston,Chicago,Detroit,Los Angeles,New York]" />
        </s:dataProvider>
    </s:TabBar>
 
</s:Application>

Peter

]]> By: Seth http://blog.flexexamples.com/2008/10/04/setting-the-tab-width-on-a-tabbar-control-in-flex/comment-page-1/#comment-8376 Seth Wed, 29 Sep 2010 21:25:22 +0000 http://blog.flexexamples.com/2008/10/04/setting-the-tab-width-on-a-tabbar-control-in-flex/#comment-8376 The Spark TabBar doesn't have the "tabWidth" property. Any idea how to change tab width using the Spark component? The Spark TabBar doesn’t have the “tabWidth” property. Any idea how to change tab width using the Spark component?

]]> By: deenalex http://blog.flexexamples.com/2008/10/04/setting-the-tab-width-on-a-tabbar-control-in-flex/comment-page-1/#comment-3884 deenalex Mon, 10 Nov 2008 07:17:00 +0000 http://blog.flexexamples.com/2008/10/04/setting-the-tab-width-on-a-tabbar-control-in-flex/#comment-3884 Hi peter, I have task to show bottom faced tab navigation, i mean opposite view of normal tab navigation. It depends on style of tab or i have to change codes in normal Tab navigation itself.... Thanks in Advance.... deenalex Hi peter,

I have task to show bottom faced tab navigation, i mean opposite view of normal tab navigation. It depends on style of tab or i have to change codes in normal Tab navigation itself….

Thanks in Advance….
deenalex

]]> By: Dev http://blog.flexexamples.com/2008/10/04/setting-the-tab-width-on-a-tabbar-control-in-flex/comment-page-1/#comment-3885 Dev Thu, 23 Oct 2008 09:37:25 +0000 http://blog.flexexamples.com/2008/10/04/setting-the-tab-width-on-a-tabbar-control-in-flex/#comment-3885 I want the tabs resize to 100% when its parent (TabBar or TabNevigator) resize. In fact, I want the tabs have an identical width based on the width of their parent not the label size within the tab. How can I achieve this ? Any ideas would be appreciated I want the tabs resize to 100% when its parent (TabBar or TabNevigator) resize. In fact, I want the tabs have an identical width based on the width of their parent not the label size within the tab. How can I achieve this ? Any ideas would be appreciated

]]>