1. #1
    Sencha User demispb's Avatar
    Join Date
    Dec 2011
    Posts
    5
    Vote Rating
    0
    demispb is on a distinguished road

      0  

    Question Problem with icons images...

    Problem with icons images...


    Hello, I'm new on Sencha Touch. I had problems with the visualization of the Icons images, i put the iconCls property, and it show a empty space on the toolbar, i think i need some images folder on my project, i copied all the resources folder to my local project and change the relative path for the file sencha-touch.css to my resources folder and nothing....



    Thanks alot !!!!

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


    You need to specify the background image in your CSS.
    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 demispb's Avatar
    Join Date
    Dec 2011
    Posts
    5
    Vote Rating
    0
    demispb is on a distinguished road

      0  

    Default


    Thanks but i was thinking that sencha have defaults images for icons, like the icon page example, this page only use the sencha-touch.css and show several icons simple calling the iconCls..for example :

    this is part of the icon page of the sencha examples....

    Code:
                   cls: 'card1',
                html: 'Both toolbars and tabbars have built-in, ready to use icons. Styling custom icons is no hassle.<p><small>If you cant see all of the buttons below, try scrolling left/right.</small></p>',
                items: [
                    { iconCls: 'bookmarks', title: 'Bookmarks' },
                    { iconCls: 'download', title: 'Download' },
                    { iconCls: 'favorites', title: 'Favorites' },
                    { iconCls: 'info', title: 'Info' },
                    { iconCls: 'more', title: 'More' },
                    { iconCls: 'search', title: 'Search' },
                    { iconCls: 'settings', title: 'Settings' },
                    { iconCls: 'team', title: 'Team' },
                    { iconCls: 'time', title: 'Time' },
                    { iconCls: 'user', title: 'User' }
                ],
    on this page it show several icons and dont use any extra css for that.

    Thanks aLot !!!!

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


    There are some that we use internally but there are lots more images that we distribute but we don't have in CSS , we leave that up to the devs to use only what you need.
    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.

  5. #5
    Touch Premium Member
    Join Date
    Aug 2008
    Posts
    84
    Vote Rating
    2
    dmillasich is on a distinguished road

      0  

    Default This fixed it for me.

    This fixed it for me.


    Did you include:

    Code:
                iconMask: true,
    in the definition of the toolbar?

    I had the same problem described in this post. I'd overlooked the configuration item, and got blank buttons in the toolbar. Added the configuration item, and it works.

  6. #6
    Sencha User demispb's Avatar
    Join Date
    Dec 2011
    Posts
    5
    Vote Rating
    0
    demispb is on a distinguished road

      0  

    Thumbs up THANKSSS dmillasich !!!

    THANKSSS dmillasich !!!


    It solve my problem too...thanks you very much dmillasich ....

Thread Participants: 2

Tags for this Thread