How to set tabbar not visible

[freightgate]

Hi,

I have a main Tabpanel with one homescreen (login screen).

Mobile.views.Viewport = Ext.extend(Ext.TabPanel, {   

    fullscreen: true,
    initComponent: function() {
        
        window.localStorage.clear(),
        
        
        Ext.apply(this, {
            tabBar: {
                    id: 'viewport_tabbar',
                    dock: 'bottom',
                    layout: {
                            pack: 'center'
                      }
        
            },
            items: [
                { xtype: 'component_homecard', 
                        id: 'viewport_component_home'},
                { xtype: 'component_searchcardcontrolle', 
                       id: 'viewport_component_searchcardmain' },
                { xtype: 'component_morecard' , 
                       id: 'viewport_component_morecard' }
            ]
        });
        Mobile.views.Viewport.superclass.initComponent.apply(this, arguments);
    }
});

If an user is not logined I want to hide the tabbar. Problem is, if I set the taber visible with my login action the application will not re-render automaticlly. After a resize of the browser I can see the tabbar.

Can some one support me ? Or show me the best way to do this ?

Regards

[mitchellsimoens]

In your tabBar config Object, have you tried setting hidden : true?

[freightgate]

Hi,

yes in my tabbar config I have set

hidden: true

(sorry not in my post above)

and in the controller I do this

var bottombar = Mobile.views.viewport.getComponent('viewport_tabbar');
        bottombar.setVisible(true);

If I resize the browser I can see the toolbar, but not directly after the klick.

I tried something like

listener:afterrendered
setVisible(false)

without the hidden propertie
but I had no success

[freightgate]

Can I simulate the resize of the browser ? Maybe this is a work around ?

[freightgate]

Ok I solved it.

this is my solution. Not nice but it is working

var windowsize = Mobile.views.viewport.getSize();

Mobile.views.viewport.setSize(windowsize.width-1,windowsize.height-1);
Mobile.views.viewport.setSize(windowsize.width,windowsize.height);