SfPicker iOS background overlay

Question: While using the SfPicker in "Dialog" mode it can be observed that in iOS a dark background overlay with low opacity is applied to the whole screen. Is there a way to remove this dark background overlay and achieve the same look like in Android "Dialog" mode where only the picker is being displayed without any background overlay ?

3 Replies

SP Sakthivel Palaniyappan Syncfusion Team March 23, 2020 08:22 AM UTC

Hi Tamas,

Greetings from Syncfusion.

We have checked the reported issue and you can fulfill this requirement by setting Visual type as Material in SfPicker as like below code snippet.

XAML:

 
<syncfusion:SfPicker x:Name="picker" PickerMode="Dialog" IsOpen="False" PickerHeight="300" Visual="Material" PickerWidth="250" HeaderText="Select a Color" 
ItemsSource="{Binding Colors}" /> 

Output:




We have created sample based on your requirement, please find the sample form below.

Sample link:
https://www.syncfusion.com/downloads/support/directtrac/general/ze/SfPickerSample1220164946.zip

Please let us know if you have any other queries.

Regards,
Sakthivel P.
 
 



TC Tamas Cons replied to Sakthivel Palaniyappan March 24, 2020 08:12 AM UTC

Hi Tamas,

Greetings from Syncfusion.

We have checked the reported issue and you can fulfill this requirement by setting Visual type as Material in SfPicker as like below code snippet.

XAML:

 
<syncfusion:SfPicker x:Name="picker" PickerMode="Dialog" IsOpen="False" PickerHeight="300" Visual="Material" PickerWidth="250" HeaderText="Select a Color" 
ItemsSource="{Binding Colors}" /> 

Output:




We have created sample based on your requirement, please find the sample form below.

Sample link:
https://www.syncfusion.com/downloads/support/directtrac/general/ze/SfPickerSample1220164946.zip

Please let us know if you have any other queries.

Regards,
Sakthivel P.
 
 


Material has different design,which is not ok for us. With custom renderer we can't get rid of the dark background somehow?
Thanks!


SP Sakthivel Palaniyappan Syncfusion Team March 25, 2020 02:07 PM UTC

Hi Tamas,

Thanks for your update.

Using custom renderer we cannot achieve this requirement and we would to like to know that we have logged feature request for this, please find the feedback portal below.

Feedback portal:
https://www.syncfusion.com/feedback/12970

We will include this feature in our upcoming Volume 2 , 2020 main release, which will be available on end of June 2020.

Regards,
Sakthivel P.
 


Loader.
Up arrow icon