How can i customize sfCalendar using MVVM model

[Samir]

I want customize SfCalendar accroding to my XD.

[Subburaj Pandian Veluchamy]

Hi Samir, 

 

Thank you for contacting Syncfusion support. 

Your requirement of customizing Calendar MonthView in Xamarin.Forms can be achieved by setting Custom view to the month cell using OnMonthCellLoadedEvent or setting CellTemplate of Calendar MonthViewSettings. Based on your requirement, you can customize the calendar UI elements, using the same. 

 

You can refer our User Guide documentation regrading the same by the following link,

Month Cell customization using Custom view: https://help.syncfusion.com/xamarin/sfcalendar/how-to?cs-save-lang=1&cs-lang=csharp#create-your-own-custom-calendar-month-cell-view 

 

Month Cell customization using Cell template: https://help.syncfusion.com/xamarin/sfcalendar/how-to?cs-save-lang=1&cs-lang=csharp#how-to-customize-month-view-cell-using-a-template 

 

You can customize the Header as well,  

 

Header customization: https://help.syncfusion.com/xamarin/sfcalendar/how-to?cs-save-lang=1&cs-lang=csharp#how-to-customize-the-sfcalendar-header 

 

We have Customization sample in our Calendar Sample browser sample and it is in MVVM pattern. you can download and refer the same by the following GitHub link. 

 

SB Sample link: https://github.com/syncfusion/xamarin-demos/tree/245d3074f3356d283e29a56e1fbe63a921011ed8/Forms/Calendar/Calendar/Samples/Customization 

 

We hope this helps. Please let us know, if you would require any further assistance.  

 

Regards,
Subburaj Pandian V 

[Samir]

Thank You Subburaj Pandian V 
 

Can you provide the code according to the designed.

[Indumathi Ravichandran]

Hi Samir, 

 

Thank you for the update. 

 

We have analyzed your requirement "Customize the calendar" based on the shared image, and you can achieve this in sample level by using MonthCellLoaded event and customizing the header using the custom view property of calendar, we have prepared a simple sample for the same. 

 

Samplelink: http://www.syncfusion.com/downloads/support/forum/145014/ze/CustomInlineViewSample-1371236658.zip 

 

We hope that this helps you. Kindly, revert us if you have any concern. 

 

Regards, 

Indumathi R