SfCalendar 16.3.0.21 Android and iOS issues

[Ivo Ventura]

Good Morning,

After updating to the latest version I've come across some color/design issues using the same code has in the previous version.

Currently it looks like this:

Before it looked like this:

I've manage to get almost all the colors back, but declaring the MonthViewSettings on the codebehind of the page instead of the xaml. But I still have 2 issues:

• The current day selection Red background;
• Android - The circle is getting squished;

I've attached a sample project with the code I'm using.

Can you guys help ?

Best Regards

Attachment: SfSample_a0e55dec.rar

[Vigneshkumar Ramasamy]

Hi Ivo Ventura,  

 

Thank you for contacting Syncfusion Support.  

 

Query 1: The Current Day Selection has Red background.  

Based on the provided information, we have checked your issue with “The Current Day Selection has Red background”. As per the current implementation the TodayTextColor will be applied on the custom month Cell BackgroudColor and the DateSelectionColor will be applied as TextColor while tap on the TodayDate. You can achieve your requirement by setting TodayTextColor as white.  

 

Code Snippet to set TodayTextColor:  

 calendar.MonthViewSettings.TodayTextColor = Color.White;   

   

Query 2: The Circle is getting Squished in Android.   

We have checked your issue with “The Circle is getting Squished in Android on SfCalendar” and we have modified the Sample as per your requirement. Current version has improved the proper UI rendering and layout improvements in SfCalendar XForms (Android) comparing older versions. Please find the modified sample from the below link,  

Sample Link: http://www.syncfusion.com/downloads/support/forum/140399/ze/SfSample-922028941.zip  

   

 Code Snippet to Clear the Circle Rendering Issue in OnMonthCellLoaded event:  

  selectedDateLayout = new RoundedBoxTextView
                {
                    HorizontalOptions = Device.RuntimePlatform.Equals(Device.Android) ? LayoutOptions.Fill : LayoutOptions.CenterAndExpand,
                    VerticalOptions = Device.RuntimePlatform.Equals(Device.Android) ? LayoutOptions.Fill : LayoutOptions.CenterAndExpand,
                    FontSize = 20,
                    TextColor = cal.MonthViewSettings.SelectedDayTextColor,
                    BackgroundColor = cal.MonthViewSettings.DayHeaderTextColor,
                    Padding = new Thickness(5),
                    Text = args.Date.Day.ToString("d"),
                    HasEvent = hasEvents
                };  

   

Please let us know if this helpful. 

 

Regards,  

Vigneshkumar R 

[Ivo Ventura]

Hello Vigneshkumar R,

That worked like a charm, just needed to add a margin on the RoundedBoxTextView for android.

Thanks for the help,

Best Regards,

Ivo Ventura

[Vigneshkumar Ramasamy]

Hi Ivo Ventura,   

 

We glad to know that your requirement has been achieved. Please get in touch if you required further assistance on this. 

   

Regards 

Vigneshkumar R