Flex mobile tabBar adjust width?

Question

How to change the tabBar height size?

is it possible to apply for all my views. thanks

Answer 1

Yes you can:

<?xml version="1.0" encoding="utf-8"?>
<s:TabbedViewNavigatorApplication xmlns:fx="http://ns.adobe.com/mxml/2009" 
                                  xmlns:s="library://ns.adobe.com/flex/spark"
                                  initialize="tabbedviewnavigatorapplication1_initializeHandler(event)">
    <fx:Script>
        <![CDATA[
            import mx.core.FlexGlobals;
            import mx.events.FlexEvent;

            protected function tabbedviewnavigatorapplication1_initializeHandler(event:FlexEvent):void
            {
                // TODO Auto-generated method stub
                FlexGlobals.topLevelApplication.tabbedNavigator.tabBar.height = 15;
            }

        ]]>
    </fx:Script>
    <s:ViewNavigator label="Home" width="100%" height="100%" firstView="views.HomeView"/>
    <s:ViewNavigator label="Page" width="100%" height="100%" firstView="views.PageView"/>
    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
    </fx:Declarations>
</s:TabbedViewNavigatorApplication>

I hope you mean really the height and not the width for each tab-item.

Frank

Answer 2

Use tabBar.height?

tabBar.height = newValue

Or was there more to your question?