Hiding Numeric buttons

Environment

Version	Product	Author
5.1.0	Telerik UI for .NET MAUI NumericInput	Dobrinka Yordanova

Description

This article explains how to hide the numeric input buttons. The buttons are used for increasing/decreasing the value.

Solution

You have two options for hiding the buttons.

1. Use the DecreaseButtonStyle and IncreaseButtonStyle and set IsVisible property to False.

<telerik:RadNumericInput DecreaseButtonStyle="{StaticResource button}" IncreaseButtonStyle="{StaticResource button}"/>

And the Style defined in the resources:

<ResourceDictionary>
    <Style TargetType="telerik:RadButton" x:Key="button">
        <Setter Property="IsVisible" Value="False"/>
    </Style>
</ResourceDictionary>

2. Use the ControlTemplate of the RadNumericInput and remove the buttons from the control template.