Where does Fabrik retrieve the validation icon from?

[Mustafa_s]

Hi Fabrik team and community,

I can't figure out where fabrik retrieves the validation icon from, I looked everywhere. Developer console displays the following HTML:

<i data-isicon="true" class="icon-eye-open small "></i>

But it looks like "eye-open" is set on a variable in the form template files. I just can't figure out where the eye-open is set. I have a bootstrap template (Gantry) and would like to change "eye-open" to "star", not sure why "eye-open" is used in the first place.

This question was also raised here without an answer: http://fabrikar.com/forums/index.php?threads/icons-used-by-i-tag-icon-class.42553/#post-215933

Thanks.

 

[troester]

You can set your own icon in the plugin settings (Extension/plugins/Fabrik Validation - not empty/Options)
Insert the icon name without "icon-", so just "star" (without the quotes)
I only tested in Fabrik3.4.2, are you really on Fabrik3.0 (this is Fabrik3.0 forum)?

 

[Mustafa_s]

So that's why it's a variable! I can't believe I missed that, having read so much documentation and searching inside php/css files.

I'm also already on the latest github version, I really must have been lost posting on the wrong forum.

Thank you troester!

 

[troester]

I didn't know it before, I now have added it to the WIKI.

 

[boyjah]

But where can we find a list or directory that contains all available icons? How can we know what icons are available to us?

 

[troester]

It depends on which icon classes are supported by your Joomla template.

Fabrik itself is using Bootstrap2 icons (coming with Joomla's Protostar template) (and mapping them to Bootstrap3 if you are using https://github.com/Fabrik/Fabrik-Joomla-alt-layouts).

You can add or override any icon class via custom CSS.

 

[cheesegrits]

By default we use the IcoMoon icons that ship with J! ...

https://docs.joomla.org/J3.x:Joomla_Standard_Icomoon_Fonts

When you install the bootstrap 3 overrides, we use Font Awesome ...

http://fontawesome.io/icons/

... although exactly which FA icons are available depends entirely on what the site template provides.

When using the BS3 overrides, we also "translate" the commonly used IcoMoon icons names to their FA name equivalents.

So bottom line, which icons you can use depend entirely on which site template you are using, or what 3rd party icon extensions you have installed. It's all just CSS ...

-- hugh