Aligning Items Horizontally to Start in ListPicker Spinner

Updated on Nov 20, 2025

Environment

Version	Product	Author
11.1.0	Telerik UI for .NET MAUI ListPicker	Dobrinka Yordanova

Description

I want to align items in the spinner of the UI for .NET MAUI ListPicker horizontally to the left (Start) instead of center.

This knowledge base article also answers the following questions:

• How do I change the horizontal alignment of spinner items in RadListPicker?
• How can I customize the alignment of items in the ListPicker component?
• How do I set the spinner items to start alignment in UI for .NET MAUI ListPicker?

Solution

To align spinner items horizontally to the left (Start), define custom styles for ItemStyle and SelectedItemStyle. Apply these styles to the ItemStyle and SelectedItemStyle properties of the RadListPicker component.

1. Define a custom Style for the spinner items in the Resources section. Set the HorizontalOptions property to Start.

xaml

<Style x:Key="MySpinnerItemStyle" TargetType="telerik:SpinnerItemView">
    <Setter Property="HorizontalOptions" Value="Start" />
</Style>

2. Apply the defined style to both ItemStyle and SelectedItemStyle properties of the RadListPicker.

xaml

<VerticalStackLayout>
    <telerik:RadListPicker
        ItemTemplate="{StaticResource itemTemplate}"
        ItemStyle="{StaticResource MySpinnerItemStyle}"
        SelectedItemStyle="{StaticResource MySpinnerItemStyle}"
        ItemLength="40" 
        SelectedItem="{Binding SelectedCity, Mode=TwoWay}"
        ItemSpacing="4"
        ItemsSource="{Binding Items}" 
        DisplayMemberPath="Name"
        x:Name="listPicker"
        AutomationId="listPicker">
    </telerik:RadListPicker>
</VerticalStackLayout>

Ensure the itemTemplate is defined in your resources and correctly bound to the data source.

See Also

• UI for .NET MAUI ListPicker Documentation
• Customizing the Spinner ItemView in ListPicker