Vertical Align text

[David Adler]

I am using v18.1.0.43 with the Bootstrap 4 theme. The text in the Numeric Text box appear to be vertically aligned toward the bottom or baseline whereas the other InputText boxes on the form appear to be vertically aligned center. I am using CssClass="form-control" for the SfNumericTextBox control and the other InputTextBox controls.

Is there a way to vertically align center for the SfNumericTextBox?

 

[Sureshkumar P]

Hi David, 

 

Greetings from Syncfusion support.  

 

Based on your shared information.  The padding property added externally from the form-control class. This is the reason for you have facing the issue. We suggest you override the padding property using CssClass property.  

 

Kindly refer the below code example. 

<SfNumericTextBox CssClass="@cssClass" TValue="int?"></SfNumericTextBox> 

<style> 

    .removePadding.form-control { 

        padding: 0px; 

    } 

</style> 

@code{ 

    private string cssClass { get; set; } = "form-control removePadding"; 

 

} 

 

 

Regards, 

Sureshkumar P