Search results

Change Size in ASP.NET Core Switch control

The different Switch sizes available are default and small. To reduce the size of default Switch to small, set the cssClass property to e-small.

tagHelper
default.cs
<div id='container'>
    <table class='size'>
        <tr>
            <td class='lSize'>Small</td>
            <td>
                <ejs-switch id="switch1" cssClass="e-small"></ejs-switch>
            </td>
        </tr>
        <tr>
            <td class='lSize'>Default</td>
            <td>
                <ejs-switch id="switch2"></ejs-switch>
            </td>
        </tr>   
    </table>
</div>


<style>

.size tr td {
  padding: 10px;
}

.size .lSize {
  font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif";
  font-size: 13px;
  cursor: pointer;
  user-select: none;
}
</style>
public ActionResult Default()
    {
            return View();
    }