Skip to content
Advertisement

How to completely hide the dockedItems toolbar

I’m able to hide items among the dockedItems of a TabPanel, but am wanting to temporarily hide the entire dock, because the toolbar itself still takes up space and the rest of the content does not fill the screen.

So far, I do like so:

JavaScript

Alternatively:

JavaScript

But neither removes the dockedItems toolbar itself.

I’ve even tried to give the dockedItems individually and collectively an id: to remove the whole component, but without luck. I’ve also tried moving the toolbar in question out from the docked items and into the items: property of the containing panel, but this breaks other things in my app that I’d rather not change at present.

Any clues on how to do this?

Advertisement

Answer

If I understand you correctly you want to temporally remove tabBar from a tabPanel. I was able to accomplish this through giving and id to my tabBar and then using removeDocked and addDocked methods. I’m new to sencha-touch so most likely there is a better way of doing this

The code below removes tabBar from tabPanel and then adds it back again.

JavaScript

})

User contributions licensed under: CC BY-SA
10 People found this is helpful
Advertisement