SfCheckboxes styling issue on iOS

[David Bauer]

Hello,

I am having a problem with styling SfCheckboxes on iOS. I set the checkedcolor and unchecked color to the appropriate color, but it seems to not reflect the colors selected. It only does this on iOS. It looks as expected on Android.

Also, is there a way to get the square Android look on iOS? I am looking for a consistent look between the two.

I have attached a picture of it on iOS and Android.

Xamarin.Forms – Version 4.8.0.167

Syncfusion.Xamarin.Buttons – Version 18.4.0.35

Thanks,

David

Attachment: checkbox_images_7c3c0a8f.zip

[Yuvaraj Palanisamy]

Hi David Bauer, 

 

Greetings from Syncfusion. 

 

We have checked with the reported problem “Checked Color & UnCheckedColor property of SfCheckBox in Xamarin.Forms iOS”. And it was working fine at our end. Also, you can get the square in iOS with the help of CornerRadius property of SfCheckBox as look like Android. 

 

CodeSnippet: 

<ContentPage.Resources>
<Style x:Key="FormCheckBox" TargetType="buttons:SfCheckBox">
<Setter Property="FontSize" Value="13"/>
<Setter Property="LineBreakMode" Value="WordWrap"/>
<Setter Property="CheckedColor" Value="Red"/>
<Setter Property="UncheckedColor" Value="Blue"/>
<Setter Property="HorizontalOptions" Value="FillAndExpand"/>
<Setter Property="VerticalOptions" Value="FillAndExpand"/>
<Setter Property="HorizontalTextAlignment" Value="Start"/>
</Style>
</ContentPage.Resources> 

 

<buttons:SfCheckBox Text="CheckBox" 

                                    CornerRadius="2"  

                                    Style="{StaticResource FormCheckBox}"/> 

 

 

Also, we have attached the testing sample for your reference. Please find the sample from the sample from the below link. 

 

Sample: https://www.syncfusion.com/downloads/support/forum/163233/ze/CheckBox_Sample123187567  

  

Output: [iOS] 

 

 

For more details, please refer the below link. 

https://help.syncfusion.com/xamarin/checkbox/visualstates  

 

Please let us know if you have any concern. 

 

Regards, 

Yuvaraj.