Sizing in ASP.NET Core TextBox component

24 Oct 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>
  
    <ejs-textbox id="normal-textbox" placeholder="Enter Name" floatLabelType="Auto"></ejs-textbox>

    <h4> Small Size </h4>
    
    <ejs-textbox id="smaller-textbox" placeholder="Enter Name" cssClass="e-small" floatLabelType="Auto"></ejs-textbox>

    <h4>Bigger Size</h4>

    <ejs-textbox id="bigger-textbox" placeholder="Enter Name" cssClass="e-bigger" floatLabelType="Auto"></ejs-textbox>
</div>

Sizing.cs

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