How Do I use the flag icon css properly render in a span on a table[Answered] RSS

3 replies

Last post Jul 16, 2020 06:33 PM by roguenidb

‹ Previous Thread|Next Thread ›

Shortcuts

Related Links

roguenidb

Member

16 Points

131 Posts

How Do I use the flag icon css properly render in a span on a table

Jul 15, 2020 08:40 AM|roguenidb|LINK

I tried to use the following to render my flag from flag icon.css but it didnt produce the image yet the css file is loaded on my site.

And displays else where fine its just the span I am having issues with getting it to render anyone no how.

<table class="table table-bordered table-condensed table-striped table-hover sortable">
@if (Model.Count() == 0) {
<tr>
<td colspan="10">No Record's found.</td>
</tr>

} else {
<thead>
<tr class="danger">
<th data-defaultsign="_19"> Ship Name</th>
<th data-defaultsign="AZ">Company Name</th>
<th>Flag</th>
<th>Role</th>
<th>Imo Number</th>
<th>Actions</th>
</tr>
</thead>

foreach (var item in Model) {
<tr>
<td>@item.Name</td>
<td>@item.Companies.CompanyName</td>
<td>
<span class="flag-icon flag-icon-{@item.Flag.ToLower()}"></span>
@item.Flag
</td>
<td>@item.Role</td>

<td>@item.IMONumber</td>
<td>

<a asp-action="Edit" asp-controller="Vessels" class="btn btn-primary" asp-route-id="@item.Id">Edit</a> |

<a href="#" class="btn btn-danger" data-id="@item.Id" onclick="deleteModal(@item.Id)" data-toggle="modal" data-target="#deleteLink"><i class="glyphicon glyphicon-trash"></i>Delete </a>




</td>
</tr>

- Reply
bruce (sqlwo...
All-Star

58124 Points

15641 Posts

Re: How Do I use the flag icon css properly render in a span on a table

Jul 15, 2020 02:24 PM|bruce (sqlwork.com)|LINK

Which icon library are you using?

bruce (sqlwork.com)
- Reply
YihuiSun
Contributor

2690 Points

771 Posts
Re: How Do I use the flag icon css properly render in a span on a table

Jul 16, 2020 09:25 AM|YihuiSun|LINK
Hi roguenidb,
1. First, you need to make sure that you have added a folder called flags in the root directory of the project.
 - If you don’t have one, you can download it through this link, the folder named flags is inside.
2. roguenidb
 
 - Modify this code as follows:, {} is not needed.
 - 
Here is the result.

Best regards,

Yihui Sun
.NET forums are moving to a new home on Microsoft Q&A, we encourage you to go to Microsoft Q&A for .NET for posting new questions and get involved today.
- Reply
roguenidb
Member

16 Points

131 Posts
Re: How Do I use the flag icon css properly render in a span on a table

Jul 16, 2020 06:33 PM|roguenidb|LINK
Thanks i forgot we didnt need {} when dealing with spans got it presenting thank u
YihuiSun

Hi roguenidb,
1. First, you need to make sure that you have added a folder called flags in the root directory of the project.
 
 If you don’t have one, you can download it through this link, the folder named flags is inside.
2. roguenidb
 
 
 Modify this code as follows:, {} is not needed.
 
 
Here is the result.

Best regards,

Yihui Sun