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
    Gainesville, FL
    Posts
    37,547
    Vote Rating
    872
    Answers
    3566
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      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
    ________________
    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 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.

Thread Participants: 1

Tags for this Thread