1. #1
    Sencha User
    Join Date
    Feb 2011
    Posts
    111
    Vote Rating
    0
    Answers
    5
    sissonb is on a distinguished road

      0  

    Default 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
    HTML Code:
    {   iconCls:'refresh',   iconMask:true,   ui:'plain'}
    Is there anyway too keeps the same styles for these buttons?
    Also it there a way to keep the refresh and logout buttons floating left/right while the rest are packed middle?

    Thanks!

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    St. Louis, MO
    Posts
    33,674
    Vote Rating
    435
    Answers
    3110
    mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of

      0  

    Default


    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.

  3. #3
    Sencha User
    Join Date
    Feb 2011
    Posts
    111
    Vote Rating
    0
    Answers
    5
    sissonb is on a distinguished road

      0  

    Default


    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.

Tags for this Thread