Articles in this section
Category / Section

How to customize the color appearance of numeric entry in Xamarin.Forms?

3 mins read

This article explains how to change the default appearance of both the SfNumericTextBox and SfNumericUpDown controls in Xamarin.Forms Numeric Entry by using its available color customization properties like BackgroundColor, TextColor, BorderColor and WatermarkColor as per in the following code snippets

 

[XAML]

…
       <xforms:SfNumericTextBox 
            HorizontalOptions="Center"  
            BackgroundColor="Black"
            BorderColor="White"
            TextColor="#dd47e8"
            Value="1000"    
            FormatString="c" />
…
        <xforms1:SfNumericUpDown 
            HorizontalOptions="Center"  
            WidthRequest="200"
            BorderColor="White"
            BackgroundColor="Black"
            TextColor="#dd47e8"
            Value="1000"    
            FormatString="c" >
            <xforms1:SfNumericUpDown.DecrementButtonSettings>
                <xforms1:UpDownButtonSettings BackgroundColor="#f69d7b"/>
            </xforms1:SfNumericUpDown.DecrementButtonSettings>
            <xforms1:SfNumericUpDown.IncrementButtonSettings>
                <xforms1:UpDownButtonSettings BackgroundColor="#60b976"/>
            </xforms1:SfNumericUpDown.IncrementButtonSettings>
        </xforms1:SfNumericUpDown>
…

Output

Numeric control color customization in Xamarin.Forms

 

See Also

How to display the value with currency symbol in Xamarin.Forms numeric controls

How to customize the font in numeric controls in Xamarin.Forms

How to format the numeric value

How to restrict the value entry in numeric control

How to customize the appearance of spin button in Xamarin.Forms SfNumericUpDown


Conclusion

I hope you enjoyed learning about how to customize the color appearance of numeric controls in Xamarin.Forms?.

You can refer to our  Xamarin.Forms Numeric Entry and Numeric updown Feature tour page to know about its other groundbreaking feature representations. You can also explore our  Xamarin.Forms controls examples to understand how to present and manipulate data.

For current customers, you can check out our Xamarin.Forms controls from the License and Downloads page. If you are new to Syncfusion, you can try our 30-day free trial to check out our Xamarin controls.

If you have any queries or require clarifications, please let us know in comments below. You can also contact us through our support forumsDirect-Trac, or feedback portal. We are always happy to assist you!

Did you find this information helpful?
Yes
No
Help us improve this page
Please provide feedback or comments
Comments (0)
Please sign in to leave a comment
Access denied
Access denied