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();
}