Custom CSS for border color

[Anas Alwindawee]

Hello dears,

Kindly I need your kind support to customize the style of Numerictextbox for border color when the control get focus.

BR

[Kaviyarasu Sivasenapathi]

Hi Anas,      

We have analyzed your query (how to customize the style of Numeric textbox for border color when the control get focus). We can achieve your requirement, using the “CssClass” property. It will set the root CSS class for textboxes which allow us to customize the appearance. The ‘e-focus’ class will be added while focusing the textbox, and by identifying that you can change the appearance. Please refer to the below code example.      

   

[CSHTML]   

 

@Html.EJ().NumericTextbox("numeric").Value("1000").CssClass("customCss")   

 

<style>   

.customCss.e-numeric.e-focus .e-box {   

        border-color: #008000;   

    }   

</style>   

   

To know more details about NumericTextbox, please refer the following documentation link.       

UG : https://help.syncfusion.com/js/numerictextbox/getting-started 

API  : https://help.syncfusion.com/api/js/ejtextboxes 

 

For your reference, we have prepared a sample based on your requirement and it can be available in following location.      

Sample   

Regards,   

Kaviyarasu S  

[Anas Alwindawee]

Hi Kaviyarasu,Many thanks for your kind and usual support, it's OK and working, one more thing please where can I found a good documentation about the style classes structure of the controls ?BR

[Kaviyarasu Sivasenapathi]

Hi Anas, 

 

To know more about “CssClass” customization please refer the below documentation link. 

 

Link  

 

Regards, 

Kaviyarasu S