Results 1 to 3 of 3

Thread: Toolbar icon to tabbar icon

  1. #1
    Sencha User
    Join Date
    Feb 2011
    Posts
    111
    Answers
    5
    Vote Rating
    1
      0  

    Default 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 - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,553
    Answers
    3931
    Vote Rating
    1272
      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 @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it! Checkout the CODE tag!

    Check out my GitHub, lots of nice things for Ext JS and Sencha Touch
    https://github.com/mitchellsimoens

  3. #3
    Sencha User
    Join Date
    Feb 2011
    Posts
    111
    Answers
    5
    Vote Rating
    1
      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

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •