XF 2.3 Dynamically changing FA icons?

[Jaxel]

I have the following FA icon:

<xf:fa icon="fa-square" />

I want to change the icon when a link is clicked to fa-check-square. In previous versions of XF, I could simply change the class in JS. But this doesn't seem to work anymore. Is there a proper way to do this now?

 

[shqawe]

I hope this link will be helpful

XF 2.3 Thread 'Force font aswesome icon load'

Apr 21, 2024

Hi,

Is there a way to tell the fontawesome cache thing at page load to load a set of icon ?
Typically, I have a page where I load all icons for a picker and I can't have them be displayed unless I load the whole css but that wouldn't go the way the software works now.

And the file analyser would not find them as it's done programmatically in a js from an array of icons.

Also, are brand icons supported by the XF.Icon.getIcon function ?

Clément

• XFA
• Replies: 5
• Forum: XenForo development discussions

 

[Jaxel]

I solved it a different way...

Instead of putting the icons in <xf:fa /> html tags, I added a class to the div and put the fa icon in a css/less :before tag (ie: .check:before { .m-faContent(@fa-var-check-square); }. Then instead of dynamically changing the icons, I simply dynamically change the div class.