We are in the process of upgrading our applications from 5.1.4 to 19.2. Most of the button icons worked fine after the upgrade. However we have issues with the icons in interactive grids. We have hundreds of interactive grid link columns where the icons no longer appear in the link. Example of the link text for these columns is:
<span class="t-Icon fa-history"></span> View Audit History
I've found if we add an additional fa in the span i.e. <span class="t-Icon fa fa-history"></span> View Audit History the icon appears correctly. As there are hundreds of instances across all of the applications we are upgrading this would be very tedious and time-consuming to implement as a fix.
In addition, we also implemented custom interactive grid buttons which have this in the inline CSS for the page:
#grid_region_static_id span.a-Icon.fa, #grid_region_static_id span.a-Icon.fa:before {
font-family: FontAwesome !important;
}
The icons will not show on the custom interactive grid buttons until this is commented out or removed. Again, hundreds of instances where this would have to be removed.
Is there a different method to address these issues?