ImageButton equivalent in MVC

Hi,
try like this

@Html.ActionImage("Login", new { id = MyId }, "~/Content/Images/login.gif", "Login")

in controller

public static MvcHtmlString ActionImage(this HtmlHelper html, string action, object routeValues, string imagePath, string alt)

{

var url = new UrlHelper(html.ViewContext.RequestContext);

// build the tag

var imgBuilder = new TagBuilder("img");

imgBuilder.MergeAttribute("src", url.Content(imagePath));

imgBuilder.MergeAttribute("alt", alt);

string imgHtml = imgBuilder.ToString(TagRenderMode.SelfClosing);

// build the tag

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Iftikar Hussain13y ago
Hi,
try like this

@Html.ActionImage("Login", new { id = MyId }, "~/Content/Images/login.gif", "Login")

in controller

public static MvcHtmlString ActionImage(this HtmlHelper html, string action, object routeValues, string imagePath, string alt)
{
var url = new UrlHelper(html.ViewContext.RequestContext);

// build the tag
var imgBuilder = new TagBuilder("img");
imgBuilder.MergeAttribute("src", url.Content(imagePath));
imgBuilder.MergeAttribute("alt", alt);
string imgHtml = imgBuilder.ToString(TagRenderMode.SelfClosing);

// build the tag
var anchorBuilder = new TagBuilder("a");
anchorBuilder.MergeAttribute("href", url.Action(action, routeValues));
anchorBuilder.InnerHtml = imgHtml; // include the tag inside
string anchorHtml = anchorBuilder.ToString(TagRenderMode.Normal);

return MvcHtmlString.Create(anchorHtml);
}

Regards,
Iftikar
Sanjeeb Lenka13y ago
Refer to this link it may help you

http://stackoverflow.com/questions/596444/html-actionlink-as-a-button-or-an-image-not-a-link