-
12 Dec 2011 1:27 PM #1
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 !!!!
-
12 Dec 2011 1:30 PM #2Sencha - Senior Forum Manager
- Join Date
- Mar 2007
- Location
- St. Louis, MO
- Posts
- 33,710
- Vote Rating
- 435
You need to specify the background image in your CSS.
Mitchell Simoens @SenchaMitch
Sencha Inc, Senior Forum Manager
________________
http://www.JSONPLint.com - Source to lint your JSONP!
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 almost in print!
When posting code, please use BBCode's CODE tags.
-
12 Dec 2011 1:53 PM #3
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....
on this page it show several icons and dont use any extra css for that.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' } ],
Thanks aLot !!!!
-
12 Dec 2011 1:55 PM #4Sencha - Senior Forum Manager
- Join Date
- Mar 2007
- Location
- St. Louis, MO
- Posts
- 33,710
- Vote Rating
- 435
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
________________
http://www.JSONPLint.com - Source to lint your JSONP!
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 almost in print!
When posting code, please use BBCode's CODE tags.
-
20 Dec 2011 10:50 PM #5
This fixed it for me.
This fixed it for me.
Did you include:
in the definition of the toolbar?Code:iconMask: true,
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.
-
21 Dec 2011 5:20 AM #6
THANKSSS dmillasich !!!
THANKSSS dmillasich !!!
It solve my problem too...thanks you very much dmillasich ....


Reply With Quote