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.
<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>
public ActionResult Index()
{
    return View();
}