Appearance of RadListPicker is fifferent in different platforms.

1 Answer 72 Views
ListPicker
Mohammed Rameez
Top achievements
Rank 1
Iron
Iron
Mohammed Rameez asked on 21 Nov 2024, 07:05 AM | edited on 21 Nov 2024, 08:42 AM

Hi Team,

We are using RadListPicker which looks different in different platforms as mentioned below:

Windows & IOS:

 

Android:

 

How to make the android look as IOS & Windows, I mean showing as a box and also the down arrow.

 

Thanks & Best Regards,

Mohammed Rameez Raza (Rameez).

 

1 Answer, 1 is accepted

Sort by
0
Didi
Telerik team
answered on 21 Nov 2024, 07:55 AM

Hello Mohammed,

The RadListPicker has a platform-specific look. If you want to customize the control, there is a styling API you can use: https://docs.telerik.com/devtools/maui/controls/listpicker/styling/styling 

If you want to add additional elements to the control default look you can use the exposed templates: https://docs.telerik.com/devtools/maui/controls/listpicker/templates 

Regards,
Didi
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Mohammed Rameez
Top achievements
Rank 1
Iron
Iron
commented on 21 Nov 2024, 08:41 AM | edited

Hi Didi,

Thanks for your reply.

Can you tell us what style to use to get a border/box for the control in all the platforms.

We need to pucker to appear as a box in all the platforms, uneven look on different platform of a control is not a good thing for cross-platform applications.

 

Thanks & Best Regards,

Mohammed Rameez Raza (Rameez).

Mohammed Rameez
Top achievements
Rank 1
Iron
Iron
commented on 21 Nov 2024, 09:30 AM | edited

The focused and Unfocused events as well don't get called in IOS.

Didi
Telerik team
commented on 21 Nov 2024, 09:53 AM

Define border color and border thickness to style the control:

    <VerticalStackLayout>
        <telerik:RadListPicker BorderColor="LightGray" x:Name="picker" BorderThickness="1"
                       Placeholder="Pick a City Name!"
                       ItemsSource="{Binding Items}" 
                       DisplayMemberPath="Name"
                      PickerMode="DropDown"
                       IsClearButtonVisible="True"
                       IsToggleButtonVisible="True"
                       AutomationId="listPicker">

        </telerik:RadListPicker>
    </VerticalStackLayout>

Please review the documentation and exposed styling options. 

Regarding to the events, open a new ticket and describe the case there.

 

 

Mohammed Rameez
Top achievements
Rank 1
Iron
Iron
commented on 22 Nov 2024, 04:32 AM

Hi Didi,

Thanks for the reply, with this we are able to get the border for Android with the latest telerik update.

 

We need another information i.e. is there a war to remove the Ok Cancel button and make the values select on click on the spinner itself.

 

Thanks.

Didi
Telerik team
commented on 22 Nov 2024, 05:50 AM

All pickers we have works with the buttons and this is by design. 

If you want to select values when tapping on the item, then use the ComboBox control.

Mohammed Rameez
Top achievements
Rank 1
Iron
Iron
commented on 22 Nov 2024, 07:30 AM | edited

Hi Didi,

We were using Combobox, but with that we faced the following issue:

RadComboBox is not selecting value from dropdown in IOS, when the TabGesturerecognizer is for keyboard added in AppDeligate. in UI for .NET MAUI | Telerik Forums

Thats the reason we are thinking to use RadListPicker. If there is a way to overcome the above situation then we can use RadCombobox.

Didi
Telerik team
commented on 22 Nov 2024, 07:53 AM

Regarding to the combo, there will be a follow up message in the thread, still there is no guarantee for timely response. 

I see you use mainly the forum for submitting questions. I can suggest you use the support ticketing system and to submit support tickets instead of using the forum. Here is the state for forum replies:

Company does not guarantee timely response to Support Cases sent via Progress’ Product Forums.

 This is described here: https://www.telerik.com/support/devtools-support-policy

 

Tags
ListPicker
Asked by
Mohammed Rameez
Top achievements
Rank 1
Iron
Iron
Answers by
Didi
Telerik team
Share this question
or