How to add "Font-awesome 5" to FieldtypeFontIconPicker?

[Mustafa-Online]

I wanna know if any one managed to add  "Font-awesome 5" to "FieldtypeFontIconPicker" Module.

.

[dragan]

It's there: https://github.com/trk/FieldtypeFontIconPicker/blob/master/Icons/FontAwesome5.php

can't you select it?

[louisstephens]

I will say, I downloaded the module using the class from the module directory, and font awesome 4 was the only option to select in the options (though the FontAwesome5.php was there). I uninstalled the module and installed from the github page and you can select Font Awesome 5.

[Mustafa-Online]

@dragan & @louisstephens ..  I uninstalled the module and installed from the github as u said, but i can only see version 4

is there any thing else i have to do .. What if i wanna change the "CSS URL" to local, how it should be written ??

.

[OLSA]

Hello,

here is simplified version of icons font fieldtype module: https://github.com/OLSA/FieldtypeFontIcon

This module use the same icons css file like your template (set path relative to template folder, eg. styles/fontawesome5/all.css ).

After module install and created field go to field Input tab to set path (and in some cases prefix classes).

Examples:

Font Awesome 5

IcoMoon

If everything is ok you will get something like this:

NOTE:
"Regular expression pattern parser" input field is not required because it will be set by default (by module itself).

Regards.

 

[Mustafa-Online]

@OLSA .. You Saved My Life, Thank you so much ?

.

[Mustafa-Online]

@OLSA - I tried the icon yesterday inside a "Repeater Field" - but it doesn't  work ? 

[OLSA]

@Mustafa-Online  probably you use Fontawsome v4 and get that situation because ProcessWire also use Fontawesome icons v4 and override module css inclusion.
If you go with some other font icons (or FA version v5, Fontelo, IcoMoon...) that would works.
Also switch off option "Repeater dynamic loading (AJAX)" for repeater field.

Regards.

[Ralf]

@OLSA many thanks for the module that works great to set up and select! However, I still have a big problem...

If i have selected an icon and then click on save, the information "Session: Saved Page: ...." appears on top.

But when I want to leave the page I ALWAYS get a popup with the following error message (sorry translated from German) "This page asks you to confirm that you want to leave the page - data you have entered may not be saved."

What am I doing wrong or is there an error in the CSS/JS?

Can someone please help me?
Thank you
cu Ralf