Support for FontAwesome 5 "SVG & JS"

[alexandre-stimpfling]

Hi,

First of all congratulations for this great tool that is FooTable.

I implemented FooTable on a theme using Boostrap 4 and FontAwesome 5 in "SVG & JS" mode. The icons for the different FooTable features are not visible. Apparently it is necessary for FooTable to use the "Web Fonts & CSS" version of FontAwesome.

Have you planned to support the "SVG & JS" version in the future?

Thank you in advance for your return. Have a nice day.

[marcelloh]

can you tell me how you managed to use the 5 version. Been struggleing for a couple of hours now, and no icons are visible :-(

[alexandre-stimpfling]

I tried to use version 5 only in "SVG & JS" mode and as indicated it does not work. If you can not use the version 5 in "Web Fonts & CSS" mode, Footable is for the moment completely incompatible with version 5. We will have to wait for a Footable upgrade. ;-)

[smplejohn]

I just ran into this issue with Font Awesome 5 and went in and tweaked the code to work with it. I'm attaching the updated footable.js file where I replaced all the icons with the Font Awesome 5 equivalent.

The CSS can remain the same, however it will no longer use the .fooicon class. That has changed to .foocon in the Javascript file to keep all of the toggle associations, but not use the CSS provided that was using the Font Awesome 4 method.

Without further ado, here's the file: footable.js.txt

[melonfarmermike]

I found I needed to add a little CSS to get it working with fontawesome 5.

.fooicon { font-family: "Font Awesome 5 Free" !important; font-weight: 900; }

[BrunoChevalier]

I also have a patch in place to replace all 'FontAwesome' occurrences in the standalone css files by '"Font Awesome 5 Free"'