How to affect alignment on NumericInput control

[Larry]

Notice the 'arrows' are left aligned. How can I center these (I am working on a custom control based on NumericInput). I also want to center the numeric text.

Thanks.

[Didi]

Hello Larry,

I see you mainly submit questions in the forum. You can also open support tickets.

Regarding to the questions. 

1) Custom numeric control:

As you are using a custom control, I assume you modify the entire control template. You can get the template when adding Telerik Theming to the app. The template is inside TelerikTheming/Styles/Platform/NumericInput.xaml file.

2) How to style the text in the numeric and the buttons:

To style the buttons use the IncreaseButtonStyle and DecreaseButtonStyle. 

To style the text in the input area use the TextInputStyle, to center the text set the horizontal text alignment to center:

<telerik:RadNumericInput>
    <telerik:RadNumericInput.TextInputStyle>
        <Style TargetType="telerik:RadTextInput">
            <Setter Property="HorizontalTextAlignment" Value="Center" />
        </Style>
    </telerik:RadNumericInput.TextInputStyle>
</telerik:RadNumericInput>

Here is the styling documentation: https://www.telerik.com/maui-ui/documentation/controls/numericinput/styling 

Regards,
Didi
Progress Telerik