RadListPicker title is not showing in UWP as it is showing in Android and iOS.

[Dilip Kumar]

Hi Team,

I am using RadListPicker in MAUI application. Title is not showing in UWP as it is showing in Android and iOS.

Here is the code I am using.

In Xaml page

    <telerikPrimitives:RadListPicker AutomationId="ProjectName" VerticalOptions="CenterAndExpand" Grid.Column="2" Placeholder="Project" DisplayLabelStyle="{StaticResource displayLabelStyle}"
                                     HorizontalOptions="CenterAndExpand" BackgroundColor="{StaticResource DefaultTransparentColor}"
                                     ItemsSource="{Binding ResourceAssignedProjects}" DisplayMemberPath="Project" SelectedItem="{Binding ResourceSelectedProject}"
                                     BorderColor="{OnPlatform iOS={StaticResource DefaultTransparentColor}}">
    <telerikPrimitives:RadListPicker.ItemTemplate>
        <DataTemplate>
            <Label AutomationId="SelectProjectHomePage" 
                       Text="{Binding Project}" 
                       HorizontalTextAlignment="Center" 
                       VerticalTextAlignment="Center" 
                       TextColor="{StaticResource DefaultBlackColor}"/>
        </DataTemplate>
    </telerikPrimitives:RadListPicker.ItemTemplate>
    <telerikPrimitives:RadListPicker.PopupSettings>
        <telerikPrimitives:PickerPopupSettings AcceptButtonStyle="{StaticResource acceptButtonStyle}" 
                                                   CancelButtonStyle="{StaticResource cancelButtonStyle}" 
                                                   HeaderLabelStyle="{StaticResource headerLabelStyle}"
                                                   HeaderLabelText="{x:Static resources:AppResources.Project}" 
                                                   PopupViewStyle="{StaticResource popupViewStyle}" 
                                                   HeaderStyle="{StaticResource headerStyle}"/>
    </telerikPrimitives:RadListPicker.PopupSettings>
</telerikPrimitives:RadListPicker>

Using following version:


MAUI with .NET 8.0
CommunityToolkit.Maui 9.0.3
Telerik.UI.for.Maui :- 7.0.0


Kindly help me out with this.


Thanks & Regards,

Dilip.

[Yana]

Hello Dilip,

The ListPicker provides two picker modes - Popup and DropDown. By default on mobile (Android and iOS) the PickerMode is Popup, while on Desktop (Windows, MacOS), it is DropDown.  Basically, that's why the control looks differently on Windows.

You can explicitly set the Popup mode on all platforms through the PickerMode property:

<telerik:RadListPicker PickerMode="Popup"  />

Give it a try and let me know if you have any further questions on this.

Regards,
Yana
Progress Telerik