How To
29 Sep 2017 / 1 minute to read
Use Normal Textboxes as Syncfusion textboxes
In an application or a web page, you may use normal textboxes along with other Syncfusion components, since there is no separate Essential JavaScript plugin for textboxes.
So, you may want to make a normal textbox to look like Syncfusion textbox in order to achieve uniform look and appearance in your web page.
This can be achieved by adding “e-textbox” class to the HTML element.
By adding this class, the textbox will have standard look and appearance as other components for all the themes supported by Syncfusion.
<input type="text" class="e-textbox" [value]="value"/>
import { Component } from '@angular/core';
@Component({
selector: 'ej-app',
templateUrl: 'src/numerictextbox/numerictextbox.component.html'
})
export class NumericTextboxComponent {
public value: any;
constructor() {
this.value = "This is a normal Textbox";
}
}
Textbox will be rendered as shown below.
Normal textbox as Syncfusion textbox
Was this page helpful?
Yes
No
Thank you for your feedback!
Thank you for your feedback and comments. We will rectify this as soon as possible!
An unknown error has occurred. Please try again.
Help us improve this page