Simple or Custom Controls

[Kyle]

Hi,

I'm just wondering if there is a guide on how to create custom controls; or if there is a way to apply EJ themes to simple controls like input type=text or input type=password for example.

I'm happy to create my own wrappers, I have to some success, but it looks like i'd need a template or something to work from to get the javascript part right (it's minimised so is hard to follow).

[Keerthana Rajendran]

Hi Kyle, 

Thanks for contacting Syncfusion support.  

You can refer our EJ themes in your project and add “e-textbox” class to normal input textbox. Refer to the below UG link 

https://help.syncfusion.com/js/numerictextbox/how-to#use-normal-textboxes-as-syncfusion-textboxes 

For  your requirement, you can also you our EJ1 Maskedit which has text and password input mode similar to normal input.  As EJ1 controls are jQuery dependent , you need to refer jQuery script and “ej.web.all.min.js” for rendering of EJ1 controls. For applying styles , you can refer “ej.web.all.min.css” in your sample.  You can get these references from the installed location or you can use CDN links too.  

Refer to the following UG links for more details. 

Getting Started	https://help.syncfusion.com/js/control-initialization
Mask Edit	https://help.syncfusion.com/api/js/ejmaskedit#members:inputmode  https://help.syncfusion.com/js/maskedit/getting-started
PHP Mask Edit	https://help.syncfusion.com/php/maskedit/overview  https://help.syncfusion.com/php/getting-started
CDN links	https://help.syncfusion.com/js/control-initialization#using-cdn-link-for-script-and-style-sheet-reference

 

Please let us know if you need further assistance.  

Regards, 

Keerthana.