We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

SFCheckBox Not sizing correctly and tick color not displaying.

Thread ID:

Created:

Updated:

Platform:

Replies:

146003 Jul 17,2019 07:29 AM UTC Aug 1,2019 08:52 AM UTC Xamarin.Forms 4
loading
Tags: SfCheckBox
Taahir
Asked On July 17, 2019 07:29 AM UTC

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 [Syncfusion]
Replied On July 18, 2019 12:41 PM UTC

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. 
 
 
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.  
 
 
Regards, 
Saravanan.  


Mark
Replied On July 19, 2019 07:06 AM UTC

Hi,

Thanks for the tip about the buttons.

Will have a look at it.

Many Thanks,
Taahir

Saravanan Madheswaran [Syncfusion]
Replied On July 19, 2019 12:29 PM UTC

Hi Taahir, 
 
Thanks for your update. 
 
Regards, 
Saravanan.   


Saravanan Madheswaran [Syncfusion]
Replied On August 1, 2019 08:52 AM UTC

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. 
 
 
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.  



CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon