1. #1
    Sencha User
    Join Date
    Apr 2012
    Posts
    82
    Vote Rating
    1
    Answers
    5
    markevans is on a distinguished road

      0  

    Default Unanswered: Custom tabbar icon in ST2.2b?

    Unanswered: Custom tabbar icon in ST2.2b?


    I'm upgrading to CMD 3.1 and ST2.2b. I used to have a custom tabbar icon that I created by adding the following to my index.html:
    Code:
    .tali2 {-webkit-mask-box-image: url(resources/images/tali2.png)}
    I know things have changed in ST2.2, and this is one of the things that is no longer working in my new instance of my app. Can anyone help me with how to get this working again? Is it possible to have a custom tabbar icon in the new version or are we confined to the pictos? Many thanks.

  2. #2
    Sencha User
    Join Date
    Apr 2012
    Posts
    82
    Vote Rating
    1
    Answers
    5
    markevans is on a distinguished road

      0  

    Default Found out how to use the Pictos icons

    Found out how to use the Pictos icons


    For now, I can use the most appropriate pictos icons but still wondering what the best way to integrate a custom icon would be. Thanks.

  3. #3
    Sencha User
    Join Date
    Feb 2013
    Posts
    6
    Vote Rating
    1
    MaartenTutak is on a distinguished road

      0  

    Default


    Bumping this because I would like to know this aswell !

  4. #4
    Sencha Premium Member
    Join Date
    Jun 2008
    Posts
    324
    Vote Rating
    10
    Scorpie will become famous soon enough

      0  

    Default


    Quote Originally Posted by markevans View Post
    For now, I can use the most appropriate pictos icons but still wondering what the best way to integrate a custom icon would be. Thanks.
    http://www.sencha.com/blog/new-theme...cha-touch-2-2/ can give you an answer I guess.
    I`m from Holland!

  5. #5
    Sencha User
    Join Date
    Feb 2013
    Posts
    6
    Vote Rating
    1
    MaartenTutak is on a distinguished road

      0  

    Default


    I'm still not sure how to implement a custom icon. The article linked by Scorpie helped me somewhat. I can now use the icons that are included by default.

    These are the icons that you can use as is, just use this name in the iconCls property and your icon should show.
    • action
    • add,
    • arrow_down
    • arrow_left
    • arrow_right
    • arrow_up
    • bookmarks
    • compose
    • delete
    • download
    • favorites
    • home,
    • info
    • locate
    • maps
    • more
    • organize
    • refresh
    • reply
    • search
    • settings
    • star
    • team
    • time
    • trash
    • user.
    As of Sencha Touch 2.2.0, there are many other icons present in the resources/themes/fonts/pictos folder. How can I use these? I'm afraid a simple @include icon with the name doesn't work