SFCheckBox Not sizing correctly and tick color not displaying.

[Taahir]

Hi,

I have been trying to style a checkbox to match the below design: 

Problems I am currently facing are : 

1. Increasing the size of the Checkbox using ScaleX and ScaleY leaves the "tick" size in UWP being the same but in Android and IOS the Size increases. 

2. The colour of the tick does not change within Android but it changes in IOS and UWP.

3. Increasing the sizing using ScaleX and ScaleY forces the checkbox left of the text in UWP but it is consistent in Android and IOS when styled correctly.  

     UWP checkbox:

     

     Android: 

     

     

     IOS:

     

The styling used for the checkbox is as follows:

Xaml is as follows: 

I have attached a test project that the screenshots are taken from. The checkboxes are on the Rotator3 page. 

Many Thanks,

Taahir

Attachment: SFCheckBox_ef904528.zip

[Saravanan Madheswaran]

Hi Taahir, 

 

Thanks for contacting Syncfusion support.  

 

Query 1: Increasing the size of the Checkbox using ScaleX and ScaleY 

 

We have used native framework check box, there is no option to change the actual size of the check box by default. Instead of that we can use checked like image inside the SfButton content. 

 

Ug: https://help.syncfusion.com/xamarin/sfbutton/customization#image-customization  

 

Query 2: The color of the tick does not change within Android, but it changes in IOS and UWP 

 

We can able to reproduce the issue and we confirmed “tick color not changed” as an issue. The fix will be available in our upcoming weekly NuGet release, we will inform you once it rolled out and we appreciate your patience until then.  

 

If you have any more specification/precise replication procedure or a scenario to be tested, you can add it as a comment in the portal link above.  

 

Feedback link: https://www.syncfusion.com/feedback/7586/android-tickcolor-doesnt-work-properly  

 

Regards, 

Saravanan.  

[Mark]

Hi,

Thanks for the tip about the buttons.

Will have a look at it.

Many Thanks,

Taahir

[Saravanan Madheswaran]

Hi Taahir, 

 

Thanks for your update. 

 

Regards, 

Saravanan.   

[Saravanan Madheswaran]

Hi Tahir, 

 

We are not implemented tick color for android platform due to the framework level limitation and we have already stated it in UG documentation. So, we would consider it as feature request, and it can be tracked through our feedback portal below. 

 

Link: https://www.syncfusion.com/feedback/7586/android-tickcolor-doesnt-work-properly  

 

Please cast your vote to make it count. We will prioritize the features every release based on the demands and we do not have immediate plan to implement this feature since we committed with already planned work. So, this feature will be available any of our upcoming release. 

 

If you have any more specification/suggestions to the feature request, you can add it as a comment in the portal. 

 

Regards, 

Saravanan.