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: stackoverflow.com/questions/5111110/… — bobek
– bobek, Commented Dec 8, 2011 at 19:20
Here is an example of what you are looking for: stackoverflow.com/questions/4896439/action-image-mvc3-razor — Shawn
– Shawn, Commented Dec 8, 2011 at 19:23
possible duplicate of Html.ActionLink as a button or an image, not a link — Bertrand Marron
– Bertrand Marron, Commented Dec 8, 2011 at 19:29

SLaks · Accepted Answer · 2011-12-08 19:19:59Z

14

The built-in helper cannot do that.

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

answered Dec 8, 2011 at 19:19

SLaks

891k182 gold badges1.9k silver badges2k bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Saroop Trivedi · Accepted Answer · 2012-10-23 18:55:40Z

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, 2012 at 18:55

Saroop Trivedi

2,2756 gold badges31 silver badges49 bronze badges

Comments

Community · Accepted Answer · 2017-05-23 10:09:46Z

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, 2017 at 10:09

CommunityBot

11 silver badge

answered Dec 8, 2011 at 19:23

dizzwave

4,5691 gold badge21 silver badges18 bronze badges

Comments

Tom Regan · Accepted Answer · 2014-05-08 13:51:02Z

1

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;
}

edited May 8, 2014 at 13:51

answered May 8, 2014 at 13:28

Tom Regan

3,8719 gold badges48 silver badges83 bronze badges

Collectives™ on Stack Overflow

mvc3 Html.ActionLink as image not as text

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related