Html.ActionLink as a button or an image, not a link

asp.net-mvc actionlink
Ryan Lundy picture Ryan Lundy · Feb 27, 2009 · Viewed 566.8k times · Source

In the latest (RC1) release of ASP.NET MVC, how do I get Html.ActionLink to render as a button or an image instead of a link?

Answer

jslatts picture jslatts · May 5, 2010

I like to use Url.Action() and Url.Content() like this:

<a href='@Url.Action("MyAction", "MyController")'>
    <img src='@Url.Content("~/Content/Images/MyLinkImage.png")' />
</a>

Strictly speaking, the Url.Content is only needed for pathing is not really part of the answer to your question.

Thanks to @BrianLegg for pointing out that this should use the new Razor view syntax. Example has been updated accordingly.

Related questions

HTML.ActionLink method

Let's say I have a class public class ItemController:Controller { public ActionResult Login(int id) { return View("Hi", id); } } On a page that is not located at the Item folder, where ItemController resides, I want to create a link to …

Read More
ASP.NET MVC ActionLink and post method

Can anyone tell me how can I submit values to Controller using ActionLink and POST method? I don't want to use buttons. I guess it has something with jquery.

Read More
Putting HTML inside Html.ActionLink(), plus No Link Text?

I have two questions: I'm wondering how I can display no link text when using Html.ActionLink() in an MVC view (actually, this is Site.Master). There is not an overloaded version that does not allow link text, and when …

Read More