TabNavigator tabs alpha

Hello!
How do I set the alpha for the Tabs in a TabNavigator that are not selected, please?

Hmm... so for say TabNavigator tas and/or buttons, if I don't want them to inherit the background color of the parent (by having alpha) I MUST implement custom skins?
There is no CSS selector to chage this?
background-alpha:1 does not solve this sadly.

Similar Messages

  • How can I initialize all TabNavigator Tabs upon a state change?

    Here's the basic goal. I want to provide two views to the
    user that display the same panels. I configured each view as a
    separate state but I am having trouble initializing each of the tab
    views since they are only created by Flex when the user first
    selects it. I need them all created when the user changes to that
    state so that I can insert my view objects. Does that make sense?
    Ok, how about an example program. I define three view objects
    in ActionScript which will be used in two different states. I use
    AddChild to put them in the proper layout location. The problem is
    with the Tab state. The AddChild operation only works for the first
    tab because it is visible. The other two tabs don't get setup
    properly. Can anyone help me resolve this?
    <?xml version="1.0" encoding="utf-8"?>
    <mx:Application xmlns:mx="
    http://www.adobe.com/2006/mxml"
    layout="vertical"
    creationComplete="onCreationComplete()">
    <mx:Script>
    <![CDATA[
    import mx.containers.VBox;
    import mx.controls.Label;
    [Bindable] public var view1:VBox;
    [Bindable] public var view2:VBox;
    [Bindable] public var view3:VBox;
    private function onCreationComplete():void
    var label1:Label = new Label();
    var label2:Label = new Label();
    var label3:Label = new Label();
    label1.text = "This is view 1.";
    label2.text = "This is view 2.";
    label3.text = "This is view 3.";
    view1 = new VBox();
    view1.label = "View 1";
    view1.addChild(label1);
    view2 = new VBox();
    view2.label = "View 2";
    view2.addChild(label2);
    view3 = new VBox();
    view3.label = "View 3";
    view3.addChild(label3);
    currentState = "wizardState";
    private function changeState():void
    switch(stateBox.selectedItem.data)
    case 0: currentState = 'wizardState'; break;
    case 1: currentState = 'tabState'; break;
    ]]>
    </mx:Script>
    <mx:Panel id="mainPanel" title="Tab View Bug" width="400"
    height="320"/>
    <mx:ComboBox id="stateBox" change="changeState()">
    <mx:dataProvider>
    <mx:Object label="Wizard" data="0"/>
    <mx:Object label="Tabbed" data="1"/>
    </mx:dataProvider>
    </mx:ComboBox>
    <mx:states>
    <mx:State name="wizardState">
    <mx:AddChild relativeTo="{mainPanel}"
    position="lastChild">
    <mx:HBox width="100%" height="100%"
    verticalAlign="top">
    <mx:ToggleButtonBar id="wizardButtonBar" width="20%"
    direction="vertical"
    dataProvider="{wizardViewStack}"/>
    <mx:ViewStack id="wizardViewStack" width="80%"
    selectedIndex="{wizardButtonBar.selectedIndex}"/>
    </mx:HBox>
    </mx:AddChild>
    <mx:AddChild target="{view1}"
    relativeTo="{wizardViewStack}" position="lastChild"/>
    <mx:AddChild target="{view2}"
    relativeTo="{wizardViewStack}" position="lastChild"/>
    <mx:AddChild target="{view3}"
    relativeTo="{wizardViewStack}" position="lastChild"/>
    </mx:State>
    <mx:State name="tabState">
    <mx:AddChild relativeTo="{mainPanel}"
    position="lastChild">
    <mx:TabNavigator id="tabViewStack" width="100%"
    height="100%">
    <mx:VBox label="Tab 1" id="tab1"/>
    <mx:VBox label="Tab 2" id="tab2"/>
    <mx:VBox label="Tab 3" id="tab3"/>
    </mx:TabNavigator>
    </mx:AddChild>
    <mx:AddChild target="{view1}" relativeTo="{tab1}"
    position="lastChild"/>
    <mx:AddChild target="{view2}" relativeTo="{tab2}"
    position="lastChild"/>
    <mx:AddChild target="{view3}" relativeTo="{tab3}"
    position="lastChild"/>
    </mx:State>
    </mx:states>
    </mx:Application>

    Ok, here is an even simpler scenario. I take each view from
    the default state and put them in the new tab view when the state
    changes. If you compile and run this example, the only view that
    makes it into the tabview is the one that was active when the state
    changed. Why is that?
    <?xml version="1.0" encoding="utf-8"?>
    <mx:Application xmlns:mx="
    http://www.adobe.com/2006/mxml"
    layout="vertical">
    <mx:Script>
    <![CDATA[
    private function changeState():void
    switch(stateBox.selectedItem.data)
    case 0: currentState = ''; break;
    case 1: currentState = 'tabState'; break;
    ]]>
    </mx:Script>
    <mx:Panel id="mainPanel" title="Tab View Bug" width="400"
    height="320">
    <mx:HBox id="wizardView" width="100%" height="100%"
    verticalAlign="top">
    <mx:ToggleButtonBar id="wizardButtonBar" width="20%"
    direction="vertical"
    dataProvider="{wizardViewStack}"/>
    <mx:ViewStack id="wizardViewStack" width="80%"
    selectedIndex="{wizardButtonBar.selectedIndex}"
    creationPolicy="all">
    <mx:Canvas id="view1" label="Part 1" >
    <mx:TextInput text="This is view 1"/>
    </mx:Canvas>
    <mx:Canvas id="view2" label="Part 2">
    <mx:TextInput text="This is view 2"/>
    </mx:Canvas>
    <mx:Canvas id="view3" label="Part 3">
    <mx:TextInput text="This is view 3"/>
    </mx:Canvas>
    </mx:ViewStack>
    </mx:HBox>
    </mx:Panel>
    <mx:ComboBox id="stateBox" change="changeState()">
    <mx:dataProvider>
    <mx:Object label="Wizard" data="0"/>
    <mx:Object label="Tabbed" data="1"/>
    </mx:dataProvider>
    </mx:ComboBox>
    <mx:states>
    <mx:State name="tabState">
    <mx:AddChild relativeTo="{mainPanel}"
    position="lastChild">
    <mx:TabNavigator id="tabView" width="100%" height="100%"
    creationPolicy="all">
    <mx:Canvas label="Tab 1" id="tab1"/>
    <mx:Canvas label="Tab 2" id="tab2"/>
    <mx:Canvas label="Tab 3" id="tab3"/>
    </mx:TabNavigator>
    </mx:AddChild>
    <mx:RemoveChild target="{view1}"/>
    <mx:AddChild target="{view1}" relativeTo="{tab1}"/>
    <mx:RemoveChild target="{view2}"/>
    <mx:AddChild target="{view2}" relativeTo="{tab2}"/>
    <mx:RemoveChild target="{view3}"/>
    <mx:AddChild target="{view3}" relativeTo="{tab3}"/>
    <mx:RemoveChild target="{wizardView}"/>
    </mx:State>
    </mx:states>
    </mx:Application>

  • TabNavigator tabs collapsed

    I am using data binding to populate a canvas label in a TabNavigator.  The actual number returned is correct, however the non-selected tabs do not show the text that they are set to, because the tab label is only about 20 pixels wide.  If I click on the tab that is too narrow, it repaints itself, displaying all text at the proper with.  How can I tell the Canvas to keep it's label wide enough to see all the text therein, at all times?   (The canvas.label.length property is read only, and there is no repaint, refresh method)
    <mx:TabNavigator x="6" y="77" width="366" height="487">
           <mx:Canvas label="Subjects: {grdSBJs.dataProvider.length}"

    Hi Alex, the code is contained in the .zip attached to the previoius message.  However, here it is, pasted into this message body.
    --------------  START OF CODE LISTING --------------------
    <?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/halo" minWidth="1024" minHeight="768">
        <mx:TabNavigator x="469" y="216" width="318" height="200">
            <mx:Canvas label="Subjects {grd1.dataProvider.length}" width="100%" height="100%">
                <mx:DataGrid x="12" y="17" width="277" height="124" id="grd1">
                    <mx:columns>
                        <mx:DataGridColumn headerText="Tab 1 Col 1" dataField="col1"/>
                        <mx:DataGridColumn headerText="Tab 1 Col 2" dataField="col2"/>
                        <mx:DataGridColumn headerText="Tab 1 Col 3" dataField="col3"/>
                    </mx:columns>
                </mx:DataGrid>
            </mx:Canvas>
            <mx:Canvas label="Sessions {grd2.dataProvider.length}" width="100%" height="100%">
                <mx:DataGrid x="13" y="5" width="279" height="148" id="grd2">
                    <mx:columns>
                        <mx:DataGridColumn headerText="Tab 2 Col 1" dataField="col1"/>
                        <mx:DataGridColumn headerText="Tab 2 Col 2" dataField="col2"/>
                        <mx:DataGridColumn headerText="Tab 2 Col 3" dataField="col3"/>
                    </mx:columns>
                </mx:DataGrid>
            </mx:Canvas>
            <mx:Canvas label="Images {grd3.dataProvider.length}" width="100%" height="100%">
                <mx:Label x="9" y="9" text="I'm on Tab 3"/>
                <mx:DataGrid x="13" y="13" width="282" id="grd3">
                    <mx:columns>
                        <mx:DataGridColumn headerText="Tab 3 Col 1" dataField="col1"/>
                        <mx:DataGridColumn headerText="Tab 3 Col 2" dataField="col2"/>
                        <mx:DataGridColumn headerText="Tab 3 Col 3" dataField="col3"/>
                    </mx:columns>
                </mx:DataGrid>
            </mx:Canvas>
        </mx:TabNavigator>
        <s:TextArea x="96" y="31" height="106" width="500">
            <s:text><![CDATA[Notice, in the src code and the TabNav in design mode, the tabs contain some text, and are visible (wide).  However, at runtime, the tabs are narrow, and contain no text.  The tabs should show the text that I entered in the source code "Subjects", "Sessions" and "Images" followed by either nothing, or zero.]]></s:text>
        </s:TextArea>
        <mx:Label x="158" y="218" text="Look here at the TabNav, not the column headers. ----&gt;" width="308"/>
    </s:Application>
    --------------  END OF CODE LISTING --------------------

  • TabNavigator Tab content refresh

    Hi,
    I have a TabNavigator with let's say two Tabs - TabA and TabB along with its contents. Both tab contents read and change xml on which their both contents depends. If i click TabA, then on TabB in which content i modify xml and then return to TabA which also depends on that xml but change won't be reflected like TabA content is not refreshed :/ So i am not sure how to handle that, how can i accomplish that Tab content refreshes every time i click on Tab?
    Thanks,
    Best regards

    Hi,
    I have a TabNavigator with let's say two Tabs - TabA and TabB along with its contents. Both tab contents read and change xml on which their both contents depends. If i click TabA, then on TabB in which content i modify xml and then return to TabA which also depends on that xml but change won't be reflected like TabA content is not refreshed :/ So i am not sure how to handle that, how can i accomplish that Tab content refreshes every time i click on Tab?
    Thanks,
    Best regards

  • TabNavigator tab selection event

    I've been trying to trigger an event when i click on the tab in a tabnavigator.
    The problem is that if i try to use the "change" event, the events for components inside the tab navigator are being fired and thats causing me problems. Could you suggest an alternative to "change" with a specific event that would enable me to fire a specific function only when i click on the tabs?
    I know the question is trivial but I couldnt find an answer anywhere.
    Thanks in advance

    <s:VGroup>
              <!-- Create a Spark ButtonBar control to navigate
              the ViewStack container. -->
              <s:TabBar id="tabBar" dataProvider="{myViewStack}" change="tabbar1_changeHandler(event)"/>
              <!-- Define the ViewStack and the three child containers. -->
              <mx:ViewStack id="myViewStack"
                               borderStyle="solid"
                               width="100%">
                   <s:NavigatorContent id="search" label="Search">
                        <s:Label text="Search Screen"/>
                   </s:NavigatorContent>
                   <s:NavigatorContent id="custInfo" label="Customer Info">
                        <s:Label text="Customer Info"/>
                   </s:NavigatorContent>
                   <s:NavigatorContent id="accountInfo" label="Account Info">
                        <s:Label text="Account Info"/>
                   </s:NavigatorContent>
              </mx:ViewStack>
         </s:VGroup>
    protected function tabbar1_changeHandler(event:IndexChangeEvent):void
         Alert.show(tabBar.selectedIndex.toString());

  • TabNavigator tabs not initializing

    I am using a tabnavigator, but when I use the application, if
    I access components on tabs that the user has not yet selected, I
    get errors as if those components were null. If I click on all of
    the tabs before doing anything, the program works fine. How can I
    force the other tabs to initialize properly so that I avoid the
    null errors?
    Thanks

    Adobe Flex lazy loads components when it needs them,
    try to Bind you variables to your components if you can.
    if not add this to your tab navigator:
    <mx:TabNavigator creationPolicy="all" ...............
    be-aware of the booby traps....
    Ries

  • TabNavigator: Tabs have a dropdown list

    I want to create a TabNavigator, in which some of the tabs
    contain a dropdown list. When those tabs are clicked, the
    dropdown list is displayed and you can select one of the
    items in the list. The display will change after the selection.
    Is there is simple way to do it within TabNavigator?

    I don't think you want a TabNavigator then. The tabs in a
    TabNavigator are used to, on click, switch through a view stack for
    instance.
    Seems like you could do what you wanted without a
    TabNavigator at all. Place some labels at the top (styled like tabs
    if you so desire), on click use an Effect to show a canvas sized as
    your desired subnav (wipe down from the label you clicked, move it
    via animation, bounce, etc).

  • Module loaded from TabNavigator tab displays blank screen

    I have an application which is using the TabNavigator to manage the active view content.  The tabs are backed by individual VBox's which contain the
    mx:ModuleLoader commands to load the module swf's.  The application runs and the appropriate tabs are displayed.
    When clicking on the various tabs, I know that the Ready ModuleEvent is getting fired and that the module projects default mxml class is being loaded and executed.  However, the view content of the module is never displayed in the browser.
    The following is a clip from the code block:
            <mx:TabNavigator id="mainMenuTabBar" width="100%" height="100%" creationPolicy="auto" tabStyleName="tab">
                <mx:VBox id="moduleOneTab" label="ModuleOne" creationPolicy="auto" width="100%" height="100%">
                    <mx:ModuleLoader id="testLoader" url="testModuleOne.swf"
                            preinitialize="testLoader.applicationDomain=ApplicationDomain.currentDomain" />           
                </mx:VBox>
                <mx:VBox id="moduleOneTab" label="ModuleOne" creationPolicy="auto" width="100%" height="100%">
                     <mx:ModuleLoader id="testLoader" url="testModuleOne.swf"                                    
                                 preinitialize="testLoader.applicationDomain=ApplicationDomain.currentDomain" />           
                 </mx:VBox>
           </mx:TabNavigator>
    Any suggestions would be greatly appreciated.
    Brian

    I have an application which is using the TabNavigator to manage the active view content.  The tabs are backed by individual VBox's which contain the
    mx:ModuleLoader commands to load the module swf's.  The application runs and the appropriate tabs are displayed.
    When clicking on the various tabs, I know that the Ready ModuleEvent is getting fired and that the module projects default mxml class is being loaded and executed.  However, the view content of the module is never displayed in the browser.
    The following is a clip from the code block:
            <mx:TabNavigator id="mainMenuTabBar" width="100%" height="100%" creationPolicy="auto" tabStyleName="tab">
                <mx:VBox id="moduleOneTab" label="ModuleOne" creationPolicy="auto" width="100%" height="100%">
                    <mx:ModuleLoader id="testLoader" url="testModuleOne.swf"
                            preinitialize="testLoader.applicationDomain=ApplicationDomain.currentDomain" />           
                </mx:VBox>
                <mx:VBox id="moduleOneTab" label="ModuleOne" creationPolicy="auto" width="100%" height="100%">
                     <mx:ModuleLoader id="testLoader" url="testModuleOne.swf"                                    
                                 preinitialize="testLoader.applicationDomain=ApplicationDomain.currentDomain" />           
                 </mx:VBox>
           </mx:TabNavigator>
    Any suggestions would be greatly appreciated.
    Brian

  • Tabnavigator tab shift on rollover

    Wondering if anyone has any ideas on why on a TabNavigator
    component, when I roll over the first tab (which is selected by
    default, fonts embedded, creationPolicy='all') there's a slight
    size shift in the tab and, after that, all is well. Does anything
    come to mind?
    Thanks

    "John Hall" <[email protected]> wrote in
    message
    news:gdjc4l$nl0$[email protected]..
    > Wondering if anyone has any ideas on why on a
    TabNavigator component, when
    > I
    > roll over the first tab (which is selected by default,
    fonts embedded,
    > creationPolicy='all') there's a slight size shift in the
    tab and, after
    > that,
    > all is well. Does anything come to mind?
    Is your rollover font different at all (for instance, bold)
    from your
    ordinary font?

  • Changing hover color for TabNavigator tabs

    I was able to change the background color of selected tab to
    Navy and the others to Medium Blue. The foreground color is set to
    White. The default color for the hover seems to be black, so when I
    pass over the selected tab you can not read the text.
    How do you change the hover color?

    Try setting the textRollOverColor of your selected tab style.

  • Changing Tab Color

    I have been struggling for a while with trying to change the color of a tab, after it's been displayed.  Some background is that i have a multi tab window.  If something happens in one of the windows, I want to bring attention to that tab and color the tab red.
    I am dynamically adding the tabs to the tab navigator from  database table.  I read them in with their data and when I have them all I build up the tab navigator.  My TabObject is really a Canvas that I have extended.
                    private function AddTabsToTabNavigator():void
                        var lIsFirst:Boolean = true;
                        for each ( var lTab:TabHandler in mTabDictionary )
                            // Create our Frame Canvas that we are going to add to the Tab Navigator
                            var lTabItem:TabObject         = new TabObject();
                            lTabItem.name                  = lTab.GetTabName();
                            lTabItem.SetRefreshTime(lTab.GetTabRefreshInterval());
    //lTabItem.setStyle( "tabStyleName", "tabStyleGreen" );
    //lTabItem.styleName = Constants.TAB_STYLE_GREEN;
    //TAB_NAVIGATOR.invalidateDisplayList();
    lTabItem.setStyle( "backgroundColor", "green");                       
                            TAB_NAVIGATOR.addChild( lTabItem );
    I've tried a number of things comented out here.  I have a CSS and I can set the initial color of the tab no problem.
    mx|TabNavigator
        tab-width: 110;
        horizontal-gap: 3;
        tabStyleName: tabStyleYellow;
        selectedTabTextStyleName: tabSelectedText;
    .tabStyleYellow
        font-size: 10;
        corner-radius: 10;
        fill-colors: yellow, #FFFFFF; /* #9D9DA0, #FFFFFF */
        fill-alphas: 1.0, 1.0;
        background-color: #FFFFFF; /*6486AC*/
    But I don't see how I can go back and change the tab color.   Am I missing something
    Here is another way I've tried.
                    public function ChangeTabStyle( aTabName:String, aStyleName:String ):void
                         var lActiveTab:TabObject = TAB_NAVIGATOR.getChildByName( aTabName ) as TabObject;
    //                    var lTab:DisplayObject = TAB_NAVIGATOR.getChildAt( mCurrentTabSelected ) as Tab
                        if ( null != lActiveTab )
                            lActiveTab.setStyle( "tabStyleName", "tabStyleBlue" );
    //                        lActiveTab.styleName = aStyleName;
    //                        lActiveTab.setStyle("fillColors", ["red", "white"]);
    //                        lActiveTab.setStyle("backgroundColor", "red");

    I have been struggling for a while with trying to change the color of a tab, after it's been displayed.  Some background is that i have a multi tab window.  If something happens in one of the windows, I want to bring attention to that tab and color the tab red.
    I am dynamically adding the tabs to the tab navigator from  database table.  I read them in with their data and when I have them all I build up the tab navigator.  My TabObject is really a Canvas that I have extended.
                    private function AddTabsToTabNavigator():void
                        var lIsFirst:Boolean = true;
                        for each ( var lTab:TabHandler in mTabDictionary )
                            // Create our Frame Canvas that we are going to add to the Tab Navigator
                            var lTabItem:TabObject         = new TabObject();
                            lTabItem.name                  = lTab.GetTabName();
                            lTabItem.SetRefreshTime(lTab.GetTabRefreshInterval());
    //lTabItem.setStyle( "tabStyleName", "tabStyleGreen" );
    //lTabItem.styleName = Constants.TAB_STYLE_GREEN;
    //TAB_NAVIGATOR.invalidateDisplayList();
    lTabItem.setStyle( "backgroundColor", "green");                       
                            TAB_NAVIGATOR.addChild( lTabItem );
    I've tried a number of things comented out here.  I have a CSS and I can set the initial color of the tab no problem.
    mx|TabNavigator
        tab-width: 110;
        horizontal-gap: 3;
        tabStyleName: tabStyleYellow;
        selectedTabTextStyleName: tabSelectedText;
    .tabStyleYellow
        font-size: 10;
        corner-radius: 10;
        fill-colors: yellow, #FFFFFF; /* #9D9DA0, #FFFFFF */
        fill-alphas: 1.0, 1.0;
        background-color: #FFFFFF; /*6486AC*/
    But I don't see how I can go back and change the tab color.   Am I missing something
    Here is another way I've tried.
                    public function ChangeTabStyle( aTabName:String, aStyleName:String ):void
                         var lActiveTab:TabObject = TAB_NAVIGATOR.getChildByName( aTabName ) as TabObject;
    //                    var lTab:DisplayObject = TAB_NAVIGATOR.getChildAt( mCurrentTabSelected ) as Tab
                        if ( null != lActiveTab )
                            lActiveTab.setStyle( "tabStyleName", "tabStyleBlue" );
    //                        lActiveTab.styleName = aStyleName;
    //                        lActiveTab.setStyle("fillColors", ["red", "white"]);
    //                        lActiveTab.setStyle("backgroundColor", "red");

  • Tabnavigator problems

    Hi all, I have a Tabnavigator with 5 tabs, each of which has charts of one sort or another. Since migrating to FB4 I get a problem where if the contents of one tab change, suddenly the content of all of them is displayed at the same time which looks absolutely awful. By clicking on each of the tabs the problem is gradually removed. I saw someone else reported this problem on stackoverflow.com:
    http://stackoverflow.com/questions/4638300/tabnavigator-tab-content-retains-strangely-flas hbuilder-4

    Just started getting this problem again with Flash 11.2. I have this in Firefox (debug version) :
    Version: 11.2.202.228
    and this in IE8: (not debug version)
    11.2.202.233
    Has anybody got any ideas on how to resolve it?

  • Flex 3 TabNavigator getting tab name when tab clicked

    Hi All, I am using Flex 3.
    I have <mx:TabNavigator  id="dbtabs" width="100%" height="100%" click="changeTabs()"  />
    I am also adding tabs dynamically. 
    In the grand scheme of things, I want to let a user add tabs as needed and chose what content is on the tab.  This is saved data, so when they come back I need to reload their saved settings.
    What I am trying to do is find out how to get the index of the tab when it is clicked. Right now I have to click the tab then click in the vbox to get the selectedIndex.  Is there a way to get the selectedIndex as soon as the tab is clicked?
    Thanks.

    private function handleTabClick(evt:IndexChangedEvent):void
           var i:int = evt.newIndex;
    <mx:TabNavigator change="handleTabClick(event)">
            <mx:Canvas width="200" height="200" label="Tab 1"/>
            <mx:Canvas width="200" height="200" label="Tab 2"/>
    </mx:TabNavigator>
    Dany

  • TabNavigator - How to change what happens when a user clicks a tab

    I am using a TabNavigator in my Flex application and I'd like
    to be able to change what happens when a user clicks a tab on the
    TabNavigator. I'd like to be able to handle the click on the tab
    myself and stop Flex from perfoming it's default actions. Anyone
    have a clue how to do this? Any help would be much appreciated!
    Mike

    Yeah, in the following code, the changeHandler has an effect
    but the click effect does not:
    <?xml version="1.0"?>
    <mx:Application xmlns:mx="
    http://www.adobe.com/2006/mxml">
    <mx:Script>
    <![CDATA[
    private function clickHandler():void{
    accounts.setStyle("fontSize",20);
    stocks.setStyle("fontSize",20);
    futures.setStyle("fontSize",20);
    private function changeHandler():void{
    accounts.setStyle("fontSize",7);
    stocks.setStyle("fontSize",7);
    futures.setStyle("fontSize",7);
    ]]>
    </mx:Script>
    <mx:TabNavigator borderStyle="solid"
    click="clickHandler()" change="changeHandler()">
    <mx:VBox id="accounts" label="Accounts"
    width="300"
    height="150">
    <mx:Label text="Accounts"/>
    </mx:VBox>
    <mx:VBox id="stocks" label="Stocks"
    width="300"
    height="150">
    <mx:Label text="Stocks"/>
    </mx:VBox>
    <mx:VBox id="futures" label="Futures"
    width="300"
    height="150">
    <mx:Label text="Futures"/>
    </mx:VBox>
    </mx:TabNavigator>
    </mx:Application>

  • TabNavigator's tab dynamic visibility handling problem.

    Hello All,
    I am facing problem in TabNavigator component.
    My application has one tabnavigator with 4 tabs. (T1,T2,T3,T4)
    Tabs visibility is depend on data which are load in those tabs.
    If data is getting Null from database for T2, T2 tab will not displayed. Only other 3 are displayed.
    I have tried this....
    myTabNavigator.getTabAt(myTabNavigator.getChildIndex(myT2tab)).visible = false;
    myTabNavigator.getTabAt(myTabNavigator.getChildIndex(myT2tab)).includeInLayout = false;
    but problem is if once tab is hide by above code, will not visible again by setting visibile & includeInLayout property to true.
    Anyone else noticed this, have any suggestions?
    Thank you.

    Hi Tejas S Patel,
    I dont see any such kind of problem...I have run a test...it works perfectly fine.
    Below is the sample test I have done..
    <?xml version="1.0" encoding="utf-8"?>
    <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
    <mx:TabNavigator width="103" id="tabone">
      <mx:Canvas label="First Canvas" width="100%" height="100%">
       <mx:Label text="First Canvas"/>
      </mx:Canvas>
      <mx:Canvas label="Second Canvas" width="100%" height="100%">
       <mx:Label text="Second Canvas"/>
      </mx:Canvas>
      <mx:Canvas label="Third Canvas" width="100%" height="100%">
       <mx:Label text="Third Canvas"/>
      </mx:Canvas>
    </mx:TabNavigator>
    <mx:HBox top="100">
      <mx:Button id="btn1" label="HIDE SECOND TAB" click="tabone.getTabAt(1).visible=false;tabone.getTabAt(1).includeInLayout=false;"/>
      <mx:Button id="btn2" label="SHOW SECOND TAB" click="tabone.getTabAt(1).visible=true;tabone.getTabAt(1).includeInLayout=true;"/>
    </mx:HBox>
    </mx:Application>
    Thanks,
    Bhasker Chari

Maybe you are looking for