Sizing in ASP.NET MVC TextBox component

18 Dec 20241 minute to read

You can render the TextBox in three different sizes.

Property	Description
Normal	By default, the TextBox is rendered with normal size.
Small	You need to add e-small class to the cssClass property to render the TextBox in smaller size.
Bigger	You need to add e-bigger class to the cssClass property to render the TextBox in bigger size.

CSHTML

<div class="control-section">
    <h4> Normal Size </h4>
    @Html.EJS().TextBox("normal-textbox").Placeholder("Enter Name").FloatLabelType(Syncfusion.EJ2.Inputs.FloatLabelType.Auto).Render()
    <h4> Small Size </h4>
    @Html.EJS().TextBox("smaller-textbox").Placeholder("Enter Name").CssClass("e-small").FloatLabelType(Syncfusion.EJ2.Inputs.FloatLabelType.Auto).Render()
    <h4> Bigger Size </h4>
    @Html.EJS().TextBox("bigger-textbox").Placeholder("Enter Name").CssClass("e-bigger").FloatLabelType(Syncfusion.EJ2.Inputs.FloatLabelType.Auto).Render()
</div>

Sizing.cs

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