30 Mar 2012 10:13 AM #1
Trouble using iconCls on a button
I can't seem to figure out what to put into the iconCls field for a button to get the icon to display. For example, I just want to display the 'settings' icon on a button. When I put 'settings' into the iconCls field I get a large empty button. Any ideas?
30 Mar 2012 11:13 AM #2
select "iconMask = true".
It's not a great user experience for now but it will get better.--
30 Mar 2012 12:06 PM #3
There does not seem to be a property named iconMask for a button in the Designer??
30 Mar 2012 1:36 PM #4
that's for Sencha Touch, I should have specified it.--
30 Mar 2012 3:42 PM #5
How do you get an icon to display in Sencha Touch using Designer?
30 Mar 2012 5:35 PM #6
WagsMax - Are you talking about the custom iconCls's defined in your own custom css? These currently don't show up in the design view as we don't load your custom css in the design mode. You can configure them and see them in the deployed application.Aaron Conran
17 Apr 2012 11:24 AM #7
Does this also apply to the hundreds of other Sencha Touch icons (in the pictos dir of the distribution) that don't show up in the property sheet by default? I'd like to use some of them but they don't show up as options. Is using their name adequate?
17 Apr 2012 11:54 AM #8
There are only a handful of iconCls's that we generate by default. These are the ones that are included in the dropdown.
If you take a look at the scss within the SDK you'll see how those iconCls's are generated. Look for the pictos-iconmask mixin. For example, you could generate an additional iconCls for tv by doing the following.
@include pictos-iconmask('tv')Aaron Conran
10 Oct 2013 11:55 PM #9
I have the same problem using Sencha Architect 2.2.3 the icons - pictos are shown in Architect , but when i i start the app in Chrome or Safari , the button doesn't have the original size and the pictos (e.g refresh) is disappeared ! Please HELP !