mvc3 Html.ActionLink as image not as text

Question

<div class="orderby_name">
@Html.ActionLink(" ", "DisplayCategory", "Categories", new { articleSortBy = "Name", articleSortType = "asc" }, null)
</div>

i am lookin in razor if exist ImageLink. Now i have @Html.ActionLink and becouse i do not have any text name i can not click on it. I want to have image as link.

How can i make image as link in razor?

You have to create custom helper. Try this here: http://stackoverflow.com/questions/5111110/mvc3-actionlink-with-images-but-without-mvcfutures — bobek, Dec 08 '11 at 19:20
Here is an example of what you are looking for: http://stackoverflow.com/questions/4896439/action-image-mvc3-razor — Shawn, Dec 08 '11 at 19:23
possible duplicate of [Html.ActionLink as a button or an image, not a link](http://stackoverflow.com/questions/596444/html-actionlink-as-a-button-or-an-image-not-a-link) — Bertrand Marron, Dec 08 '11 at 19:29

score 14 · Accepted Answer · answered Dec 08 '11 at 19:19

14

The built-in helper cannot do that.

You need to create an ordinary <a href="@Url.Action(...)"> tag.

answered Dec 08 '11 at 19:19

SLaks

868,454
176
1,908
1,964

score 2 · Answer 2 · answered Oct 23 '12 at 18:55

2

Hope this code is helpful

@using (Html.BeginForm())
                {
                    <a href='@Url.Action("Index")'>
                        <img src='@Url.Content("../../Content/Images/head.jpg")' alt="Home Page">
                    </a>        }

answered Oct 23 '12 at 18:55

Saroop Trivedi

2,245
6
31
49

Tom Regan · Answer 3 · 2014-05-08T13:51:02.847

In asp.net mvc 3 the code you have works with the single space for the link text, just add a class name that points to an image (the class name below points to a font awesome image):

@Html.ActionLink(" ", "ActionName", "ControllerName",
new {UniqueId = item.UniqueId},
new { @class = "fa fa-download", @title = "Download the document" })

And add some css to prevent the image from having an underline:

a.fa
{
    text-decoration:none;
}

score 1 · Answer 4 · edited May 23 '17 at 10:09

1

Actually it looks like there is a way.. if you add a CSS rule to the htmlAttributes, as is shown in the top answer of this post: Html.ActionLink as a button or an image, not a link

edited May 23 '17 at 10:09

Community

1
1

answered Dec 08 '11 at 19:23

dizzwave

4,013
1
19
16

mvc3 Html.ActionLink as image not as text

4 Answers4

Linked