Disabling bottom border animation on focus on SfNumericTextBox

[Marco Andrade]

Hi, is there a way to configure/disable the animation of the bottom border when focusing on the SfNumericTextBox? Change the color, remove it, etc? Seems like something that should be configurable but I cannot find any setting to do so. 

[Berly Christopher]

Hi Marco, 

  

Greetings from Syncfusion support. 

  

We can disable the border-bottom animation by modifying the CSS styles with help of CssClass property. Please refer the below code snippet. 

  

<SfNumericTextBox TValue="int?" CssClass="e-custom"></SfNumericTextBox> 

<style> 

    .e-custom.e-input-group:not(.e-float-icon-left):not(.e-float-input)::before, 

    .e-custom.e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::before, 

    .e-custom.e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::after, 

    .e-custom.e-input-group:not(.e-float-icon-left):not(.e-float-input)::after { 

        background: none; 

    } 

</style> 

  

Sample Link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/Numeric_Border_160938-1190304972  

  

Regards, 

Berly B.C 

[Marco Andrade]

That worked wonderfully, many thanks!

[Vignesh Srinivasan]

Hi Marco, 

 

Thanks for the update. 

We are happy to hear that your issue has been resolved. 

Please get back to us if you need further assistance. 

Regards, 

 

Vignesh Srinivasan.