[SOLVED] Using Font Awesome in Field Elements

it is not about awesome icons, it can be any class

classes can be
iconmoon, fontawesome, or other

about something being clickable, it looks like this:
<input .../>
<label>
<span class="icon-download"></span>
</label>

so it is clickable , because we are not changing any FORM HTML,
- form HTML will remain the same, just will replace <img> with <span>

Hello

here is a picture with the result.
you can see that the field does not change in anyother way than just replacing

<img>
with
<span class="...."></span>

Great need to check my code to remove checkbox with image and it will be perfect

Hello

yes, 1 more improvement would be to remove the checkbox and only show the IMAGE or ICON

about testing font-based icons:

click "download zip"
github.com/FLEXIcontent/flexicontent-cck/tree/3.0.x-stable

then Install via Joomla extension manager in a testing website

Hi,

1. Did you need to change some structural code to achieve that or can I just use <span... instead of <i... and get the same results??

2. Also I agree with ggppdk, it would be nice to remove the radio or checkbox and make the image or font select-able itself. This would make for very stylish filters.

3. It would also be nice if you could use the check box/radio images as buttons you can toggle. So a tick shows specific filtered values and no tick shows everything else. e.g. "Only show red items" and if they select it then results are filtered by red and if not then all the results are shown. Like a toggle button.

Hello

instead of image-filename: myimage.png

you just use:
icon-download

there is 1 new parameters in the field configuration:
- Image or Font-based icon


Then there are 2 more parameters: size and color
- which existing in 4 places:
edit form
viewing
category view filtering
search view filtering