Saltar al contenido

Html.ActionLink como un botón o una imagen, no un enlace

Solución:

Me gusta usar Url.Action () y Url.Content () así:

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

Estrictamente hablando, el Url.Content solo es necesario para la ruta no es realmente parte de la respuesta a su pregunta.

Gracias a @BrianLegg por señalar que esto debería usar la nueva sintaxis de vista de Razor. El ejemplo se ha actualizado en consecuencia.

Respuesta tardía, pero puede mantenerlo simple y aplicar una clase CSS al objeto htmlAttributes.

<%= Html.ActionLink("Button Name", "Index", null, new { @class="classname" }) %>

y luego crea una clase en tu hoja de estilo

a.classname
{
    background: url(../Images/image.gif) no-repeat top left;
     display: block;
     width: 150px;
     height: 150px;
     text-indent: -9999px; /* hides the link text */
}

Tomando prestada la respuesta de Patrick, descubrí que tenía que hacer esto:

<button onclick="location.href="https://foroayuda.es/@Url.Action("Index", "Users")";return false;">Cancel</button>

para evitar llamar al método de publicación del formulario.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *