29 Feb 2012 6:12 AM #1
Answered: icons on tabbar docked on the top of a tabpanel
Hi! When I have tabpanel with the property tabBarPosition: 'bottom' I get nice icons with centered text below. Now if I set tabBarPosition to top, I only get the text. Is there an easy way to keep the icons (same layout as docked bottom).
This is controlled by CSS. When it is docked to the bottom, the tabbar gets the CSS x-docked-bottom which then has some rules to give the icon <span> a size and such.
29 Feb 2012 9:36 AM #2
- Join Date
- Mar 2007
- Gainesville, FL
- Vote Rating
This is controlled by CSS. When it is docked to the bottom, the tabbar gets the CSS x-docked-bottom which then has some rules to give the icon <span> a size and such.Mitchell Simoens @LikelyMitch
Sencha Inc, Senior Software Engineer
Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/
Need more help with your app? Hire Sencha Services firstname.lastname@example.org
Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!
When posting code, please use BBCode's CODE tags.
10 Nov 2012 11:51 AM #3
Thanks... but how can we change this with css in order to make it behaving like the docked bottom?!