[SOLVED] Using Font Awesome in Field Elements

More
8 years 5 months ago - 8 years 5 months ago #62668 by Mahmood
Ahh OK so this feature is not available yet in any of the current Flexi-content releases?

In the mean time I have found a work around for the problem. It's very hacky and looks terrible but it actually works and gives a clean icon instead of the image in a Radio Image or Radio Check type field:

value::label::" style="display:none;"><i class="fa fa-wifi" aria-hidden="true"></i><span %%

As I said it looks messy but works. The first " style="display:none;"> tricks the browser into thinking it loaded a broken image and then removes the display. Then the font. Then a new <span for the browser to render and remove all the other styling.

Hope this helps someone until the update with the new features. :)
Last edit: 8 years 5 months ago by Mahmood.

Please Log in or Create an account to join the conversation.

More
8 years 5 months ago #62696 by ggppdk
Hello

Click to download zip from the v3.0.x-stable branch
github.com/FLEXIcontent/flexicontent-cck/tree/3.0.x-stable

then install via Joomla extension manager in a testing site


-- Flexicontent is Free but involves a big effort on our part.
Like the our support? (for a bug-free FC, despite having a long list of functions) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing with a 5-star...
The following user(s) said Thank You: magj

Please Log in or Create an account to join the conversation.

Moderators: vistamediajoomlacornerggppdk
Time to create page: 0.456 seconds
Save
Cookies user preferences
We use cookies to ensure you to get the best experience on our website. If you decline the use of cookies, this website may not function as expected.
Accept all
Decline all
Essential
These cookies are needed to make the website work correctly. You can not disable them.
Display
Accept
Analytics
Tools used to analyze the data to measure the effectiveness of a website and to understand how it works.
Google Analytics
Accept
Decline