We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Custom CSS for border color

Thread ID:

Created:

Updated:

Platform:

Replies:

130971 Jun 14,2017 05:16 AM Jun 19,2017 06:54 AM ASP.NET MVC 3
loading
Tags: NumericTextbox
Anas Alwindawee
Asked On June 14, 2017 05:16 AM

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 [Syncfusion]
Replied On June 15, 2017 08:39 AM

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.       
 
For your reference, we have prepared a sample based on your requirement and it can be available in following location.      
Regards,   
Kaviyarasu S  


Anas Alwindawee
Replied On June 16, 2017 05:08 PM

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 [Syncfusion]
Replied On June 19, 2017 06:54 AM

Hi Anas, 
 
To know more about “CssClasscustomization please refer the below documentation link. 
 
Link  
 
Regards, 
Kaviyarasu S 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

;