XF 2.3 FA icons not displaying (since 2.3) in bootstrap modal

[sawandee]

FA icons not displaying (since 2.3 upgrade) in bootstrap modal.
Work fine in posts and html pages. Any ideas?

<!-- Modal body -->
<div class="modal-body">

<p><xf:fa icon="fa-cogs" ></xf:fa>&nbsp;<span class="sub-def">A cog icon indicates the featured word is an essential classifier, quantifier, modifier, particle, preposition, conjunction or auxiliary verb.</span></p>

</div>

...
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>

 

[Old Nick]

Maybe...

K

Post in thread 'FA icons on notices'

Jul 26, 2024

Notices don't support XenForo template syntax, ony HTML - the HTML widget does support XenForo template syntax.
(Yes, this is inconsistent ... you may want to check suggestions and / or post a new one)

The reason why you still see a button (but no icons) is due to browsers accepting invalid HTML (<xf:button>...</xf:button> is invalid HTML) and trying their best to render smth. useful - the tag has a class attribute so the browser applies this to the invalid tag.

You would get the same visual output with

<wtf class="button" icon="save">test</wtf>
<br>
<wtf2 icon="fas...

• Kirby

•