Font Awesome 5

[customaware]

Yep!..

Works perfectly.

fas fa-adjust = Solid Version
far fa-adjust = Regular Version
fal fa-adjust = Light Version

Thanx Steve.

No reason that V5 (free) could not be installed like this as default in Aware I wouldnt imagine.

Hmmm... but cannot get it to apply my custom class for color.
Presumably as they are svg now, it should be fill instead of color. But does not work. :-/

[idpSteve]

Mine are still colored. My class to make icons red is:

.fared{
color:#d01a1a;
}

and this works for me.

If I inspect a colored icon I get this:

class="svg-inline--fa fa-check fa-w-16 fagreen".

I hope you come right, Mark. Let me know if I can do something to assist.

[customaware]

Mine still does not work....

Code: Select all

<svg class="svg-inline--fa fa-plus fa-w-14 k-sprite fa-2x fared" aria-hidden="true" data-prefix="fa" data-icon="plus" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
<path fill="currentColor" d="M448 294.2v-76.4c0-13.3-10.7-24-24-24H286.2V56c0-13.3-10.7-24-24-24h-76.4c-13.3 0-24 10.7-24 24v137.8H24c-13.3 0-24 10.7-24 24v76.4c0 13.3 10.7 24 24 24h137.8V456c0 13.3 10.7 24 24 24h76.4c13.3 0 24-10.7 24-24V318.2H424c13.3 0 24-10.7 24-24z"></path></svg>

Screen Shot 2018-03-21 at 8.23.48 am.png (5.63 KiB) Viewed 13623 times

Screen Shot 2018-03-21 at 8.23.59 am.png (9.42 KiB) Viewed 13623 times

[BenHayat]

Mine still does not work....

Mark, FA5 offers two directions. CSS and SVG.
Have you tried the CSS version to see if that works in Aware?

[customaware]

Cannot get the css version to work.

Only the svg version and hence the issue with colours.

Interestingly, I (probably mistakenly) assume the fa prefix would remain V4x and the new prefixes fas,far,fal,fab would default to V5. But from my test below, it seems even the prefix fa is picking up svg.

[idpSteve]

I don't see much difference in what you've done and what I've done.. Maybe test with !important and see if that fixes it and if it does then find what is overriding your css color..

Regards,

Steve

[BLOMASKY]

Anyone else have this issue:

Once I install FA5, the X on the upper right of a tab to close the tab becomes a bold, smaller X and it is NOT clickable.


Bruce

[idpSteve]

Hi Bruce.

I think mark had that issue.

I've had a collapsible panel that wouldn't collapse or expand with FA5. The icon for collapse/expand was also changed.

Regards,

Steve