Custom icon for a button in Sencha Touch - button

In Sencha Touch if you want to give an icon to a button you must set the iconCls attribute of the button to the icon you want to give it. Sencha has a set of predefined icons, but I want to use other icons of which I have the png. What can I do?

if you have the png you need to define the icon not iconCls.
If you do have an SVG or Font it will be better scalable at no size cost. Try to find that icon on icomoon if possible to stay with fonts.

Related

Font Glyphs in Browsers

Dear stackoverflow Users,
im trying to use a Glyph of a Font on my Website. I want to place "↗ produkte", but the Browser displays The Arrow up as a blue Icon.
What it looks like right now:
Blue Arrow
What i want to Archive, is that the browser displays the arrow of the font kit: Font Arrow
Do you now a Way to archive that? I could place it as a SVG image in the p Tag but is there a Way to Use the Glyph ↗ in the p Tag too?
Thanks!

qt qtoolbutton icon blurry

I have a problem where the icons used on QToolButtons on the QMenu attached to the QToolButton appear blurry. I have tried different sizes 24x24, 32x32, 64x64, different formats like png and svg but it always looks strange.
On the image you can see the selected action and the top action on the menu have the same icon but the one in the menu is blurry. Even the one selected is not really sharp.
Is there some specific guideline for those icons or what am I doing wrong? The second and third icon is a build in icon which is I believe 24x24 svg but I was not able to reproduce.
Yes, you need to set different sizes of icons if you want them to look good under the QToolButon and in the QMenu, QT will pick up the size that fits best. One possible solution if you are using resource files could be like this:
QIcon *myQIcon = new QIcon;
myQIcon->addFile(":icon24.svg", QSize(24,24));
myQIcon->addFile(":icon16.svg", QSize(16,16));
mMyQAction->setIcon( *myQIcon );
Detailed explanation can be found here: http://mithatkonar.com/wiki/doku.php/qt/icons

possible to use font avsome icons in asp.net buttons

I can style a asp.net button using bootstrap, but is it somehow also possible to use font awsome icons together with some text so that I get a result like the one here http://fortawesome.github.io/Font-Awesome/3.2.1/examples/ (see buttons section)?

Sencha Touch UI Button Icon: how to enable the use of the original color?

i created several buttons in a toolbar with custom icons. however, it turns out that these icons are all in black instead of their original colors. how could I make it by using CSS?
thanks!
Just apply a background colour to them using css, if you are properly applying the icons (with a mask), that should change its colour
Also: you can inspect and remove rules for the -webkit-mask, and replace them with background images.

what specification for jsTree node icons?

I want to create my own node icons for jsTree application. A jsTree sample could be found here
I want to know what specification the new icon has to have
size
transparent?
could you recommend any program (mac or pc)
anything else I forgot
Bit of a weird question, but anyway:
The icons are individually 16x16.
All the icons are inside one .png using alpha transparency (the background).
The CSS Sprites technique is being utilized:
http://static.jstree.com/v.1.0pre/themes/default/d.png
Which image editor to use?
I'd use Photoshop, but any image editor that can handle .png's alpha transparency will work.
Try: https://superuser.com/questions/25451/looking-for-a-good-free-image-editor

Resources