Add link to a Button

19 Dec 20221 minute to read

The appearance of the Button can be changed like a hyperlink by e-link class using cssClass property and link navigation can be handled in Button click event.

In the following example, link is added in Button click event by using window.open() method.

CSHTML

@Html.EJS().Button("button").CssClass("e-link").Content("Go to Google").Render()

<style>

button {
  margin: 25px 5px 20px 20px;
}

</style>


<script>

document.getElementById('button').onclick = (): void => {
  window.open("https://www.google.com");
};

</script>

Link.cs

public ActionResult link()
{
    return View();
}

NOTE

View Sample in GitHub.