-
16 Mar 2012 11:18 AM #1
Unanswered: Toolbar icon to tabbar icon
Unanswered: Toolbar icon to tabbar icon
I am moving my bottom toolbar icons to the tabbar and removing the bottom toolbar.
2012-03-16_1208.png
When I do that it looks like this,
2012-03-16_1216.png
Is there anyway too keeps the same styles for these buttons?HTML Code:{ iconCls:'refresh', iconMask:true, ui:'plain'}
Also it there a way to keep the refresh and logout buttons floating left/right while the rest are packed middle?
Thanks!
-
16 Mar 2012 1:17 PM #2Sencha - Senior Forum Manager
- Join Date
- Mar 2007
- Location
- St. Louis, MO
- Posts
- 33,674
- Vote Rating
- 435
- Answers
- 3110
What same styles? Like have the bright white?
There isn't a way to get two buttons to act differently than the others unless you mess with the CSS to see if that will help.Mitchell Simoens @SenchaMitch
Sencha Inc, Senior Forum Manager
________________
http://www.JSONPLint.com - Source to lint your JSONP!
Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
https://github.com/mitchellsimoens
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 services@sencha.com
Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is almost in print!
When posting code, please use BBCode's CODE tags.
-
16 Mar 2012 2:37 PM #3
Well with the toolbar I am able to set 'ui' as 'plain' and that removed the default button styles. tabbar seems to ignore ui:'plain' and keeps the button surrounding the icon.
I can figure out how to hack the css to get it to display the way I want, but would want to avoid that at all cost. Going to look into making a plain ui in the SASS for tabbars buttons.


Reply With Quote