Search results

Create ButtonGroup with icons in ASP.NET MVC ButtonGroup control

15 Oct 2021 / 1 minute to read

ButtonGroup with icons can be achieved by IconCss property of the Button component.

The following example illustrates how to create ButtonGroup with icons.

razor
default.cs
Copied to clipboard
<div class='e-btn-group'>
    @Html.EJS().Button("left").Content("Left").IconCss("e-icons e-left-icon").Render()
    @Html.EJS().Button("middle").Content("Center").IconCss("e-icons e-middle-icon").Render()
    @Html.EJS().Button("right").Content("Right").IconCss("e-icons e-right-icon").Render()
</div>
<style>
.e-btn-group {
  margin: 25px 5px 20px 20px;
}

.e-left-icon::before {
    content: '\e33a';
}

.e-right-icon::before {
    content: '\e34d';
}

.e-middle-icon::before {
    content: '\e35e';
}
</style>
Copied to clipboard
public ActionResult Index()
    {
            return View();
    }