How to use glyphicon in HTML helpers?

Question

I have this anchor element that displays glyphicon and some style:

<a href="#" class="btn btn-3d btn-xlg btn-reveal btn-brown">
    <i class="glyphicon glyphicon-arrow-right"></i>
    <span>REVEAL EXTRA LARGE</span>
</a>

In my project I use HTML helper to create anchor elements.

I have this html helper to create anchor element:

@Html.ActionLink(item.Name, "About", "Home", item, new { @class = "btn btn-3d btn-xlg btn-reveal btn-brown" })

But I don't know how to add <i class="glyphicon glyphicon-arrow-right"></i> element to the HTML helper.

How can I define <i class="glyphicon glyphicon-arrow-right"></i> inside HTML helper?

score 2 · Accepted Answer · answered Nov 15 '17 at 13:58

2

Use @Url.Action

<a href="@Url.Action("About", "Home")" class="btn btn-3d btn-xlg btn-reveal btn-brown">
  <i class="glyphicon glyphicon-arrow-right"></i>
  <span>REVEAL EXTRA LARGE</span>
</a>

answered Nov 15 '17 at 13:58

Abdoulie Kassama

757
11
17

thanks for post.where do I put the Item ? – Michael Nov 15 '17 at 14:56
@Michael you can place it within the anchor tags with an @ before it. `@item.NAME`. Remove `REVEAL EXTRA LARGE` and place it there instead. – Abdoulie Kassama Nov 15 '17 at 15:04

How to use glyphicon in HTML helpers?

1 Answers1