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. Image for the cookie policy date

Display numeric

Using SfTextInputLayout with a SfNumericTextBox, I have the following display problem:

If it doesn't have a number it looks like this:

When I load a number it looks like this:

This is the style:

<Style TargetType="syncfusion:SfNumericTextBox">

        <Setter Property="FontFamily">




                    Android="OpenSansBold.ttf#Open Sans Bold"

                    WinPhone="Assets/OpenSansBold.ttf#Open Sans Bold"

                    iOS="Open Sans Bold" />



        <Setter Property="TextColor" Value="#D3005B" />

        <Setter Property="BackgroundColor" Value="#FFFFFF" />

        <Setter Property="VerticalOptions" Value="FillAndExpand" />

        <Setter Property="HorizontalOptions" Value="FillAndExpand" />


 <Style x:Key="TextInputLayoutStyle" TargetType="sfText:SfTextInputLayout">

        <Setter Property="UnfocusedColor" Value="#D3005B" />

        <Setter Property="ContainerType" Value="Outlined" />

        <Setter Property="VerticalOptions" Value="FillAndExpand" />

        <Setter Property="OutlineCornerRadius" Value="4" />

        <Setter Property="ContainerBackgroundColor" Value="#FFFFFF" />

        <Setter Property="FocusedColor" Value="#D3005B" />

        <Setter Property="ReserveSpaceForAssistiveLabels" Value="False" />

        <Setter Property="InputViewPadding" Value="8,4,0,4" />

        <Setter Property="Margin" Value="0,-3,0,0" />

        <Setter Property="FocusedStrokeWidth" Value="1" />


And the code:

<sfText:SfTextInputLayout Grid.Column="0" Style="{DynamicResource TextInputLayoutStyleNumeric}">






Value="{Binding Path = MARGEN}" />


3 Replies

ET Eswaran Thirugnanasambandam Syncfusion Team December 14, 2022 02:27 PM UTC

Hi Gerardo Lopez Ruiz,

We prepared a sample with the provided code snippet, and checked the reported problem “Numeric Text is not displayed correctly when Using SfTextInputLayout with a SfNumericTextBox”. But we are unable to reproduce the problem on our side. Please get the tested sample from the below attachment.

If you still face any problem, please revert us by modifying the sample based on your application scenario. This will allow us to assist you with a better solution as soon as possible.



Attachment: Til_Getting_Started_691c799e.zip

GL Gerardo Lopez Ruiz December 14, 2022 04:36 PM UTC

The HorizontalOptions property is equal to Start and should be FillAndExpand so that it occupies all the space inside the SfTextInputLayout. Thank you very much.

ET Eswaran Thirugnanasambandam Syncfusion Team December 15, 2022 09:13 AM UTC

We are glad that the reported problem is resolved at your end. Please let us know if you require any further assistance.

Live Chat Icon For mobile
Up arrow icon