I'm facing a strange issue: one of my FontAwesome icons is not appearing on the view, even though all the other icons are working fine. I've been trying to figure out why.
<a class="add-img fa fa-plus-circle" title="@SharedResources.Index.Add" data-bind="click: mainDataAdd"></a>
- I've confirmed that the icon is named correctly
- I've experimented with different icon classes, but nothing has worked so far
It seems like no matter which icon I use in that link, it just won't display.
https://i.sstatic.net/M7R2E.png
<tr class="actions-row" role="row">
<td class="header-action-row" style="border:none;" colspan="12">
<h6 class='datatable-title'><span class='fa fa-list'></span> @SharedResources.Index.SocialWorkerLog</h6>
<div class="action-images pull-right">
@{
Dictionary<string, string> reports = ReportManager.GetReportList(ReportLocations.ResidentActiviesAllMainGrid_Top.ToString());
if (reports.Count() == 1)
{
<a class="fa fa-print" title="@SharedResources.Index.Print" data-bind="click: function(){printreportSocial('@reports.First().Key',$data);}" style="color:#337ab7; cursor: pointer;"></a>
}
}
<a class="add-img fa fa-plus-circle" title="@SharedResources.Index.Add" data-bind="click: mainDataAdd"></a>
</div>
</td>
</tr>