1. #1
    Sencha Premium Member
    Join Date
    Sep 2012
    Posts
    13
    Vote Rating
    1
    brettAV is on a distinguished road

      0  

    Default icon reference

    icon reference


    Is there anywhere that shows a complete reference of the characters or names that map to the font/icons in the pictos icon set bundled with ST 2.2

    There is a list of all the names in the _Class.scss file and a subset of them can be seen at http://docs.sencha.com/touch/2.2.0/#!/api/Ext.Button but I can't find a complete reference.

    I haven't been able to open any of the pictos font files bundled with ST 2.2. Also the character codes aren't sequential so I can't create a quick script to show them all without copy and pasting every name from the _Class.scss file (about 420) and doing it by hand.

    How are we supposed to know what icons are available?

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,522
    Vote Rating
    814
    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


    We don't have a complete listing anywhere except for looking at the code. The /touch-2.2.0/resources/themes/stylesheets/sencha-touch/base/mixins/_Class.scss and scroll down to find the icon-character-for-name mixing, you will see the long if conditional. Here you can see all the supported names that are the values you should be able to use in the iconCls config.
    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 Premium Member
    Join Date
    Sep 2012
    Posts
    13
    Vote Rating
    1
    brettAV is on a distinguished road

      0  

    Default


    Here's the reference of available icons and the letters they map to in ST 2.2.
    http://pictos.cc/font/

    To get the names they match to look at the bottom of touch/resources/themes/stylesheets/sencha-touch/base/mixins/_Class.scss

Thread Participants: 1