Xamarin.Forms – Calendar Control in Syncfusion

Introduction

In this article, you will learn about using Syncfusion Calendar Control in Xamarin.Forms. These features are not included by default in Xamarin.Forms controls. So, we need to install separate NuGet Packages.

Nuget Packages

Package Name : “Syncfusion.Xamarin.SfCalendar”

Overview of Syncfusion.Xamarin. SfCalendar

The Calendar control provides a multi-view representation to display and select one or more dates within specified ranges. It also provides a gesture-friendly UI to perform operations like navigations, events, and more.

Pre- Requirements

  • Windows 10 (Recommended)
  • Visual Studio 2017 Community Edition (It is a free software available online).
  • Syncfusion Essential Studio for UWP and get Syncfusion Community License (It is free for an individual with less than $1 Million revenue).

Let’s start!

Step 1 : Open Visual Studio->New Project->Templates->Visual C#->Cross Platform->Cross Platform App(Xamarin). Now, give the Project Name and Project Location.

 

Step 2  : Next, open a new window. Here, select Template->Blank App, UI Technology->Xamarin.Forms and finally Code Sharing Strategy ->Portable Class Library (PCL).

 

Step 3 : After the project creation, we need to add the NuGet Packages for our project. So open Solution Explorer ->Project Name->Right-click and select Manage NuGet Packages. In that popup window to search “Syncfusion.Xamarin.SFCalendar” followed by installing “Syncfusion.Xamarin.SFCalendar”

 

Step 4 : Open Solution Explorer->Project Name (PCL)-> MainPage.xaml then click to open XAML Code .

Here, put Syncfusion.SfCalendar Namespace followed by SfCalendar code.

 

NameSpace

"xmlns:calen="clr-namespace:Syncfusion.SfCalendar.XForms;assembly=Syncfusion.SfCalendar.XForms"

XAML Code

<?xml version=" 
 1.0 " encoding=" 
 utf - 8 " ?> < ContentPage xmlns = "http://xamarin.com/schemas/2014/forms" 
 xmlns: x = "http://schemas.microsoft.com/winfx/2009/xaml" 
 xmlns: local = "clr-namespace:SFCalaender" 
 xmlns: calen = "clr-namespace:Syncfusion.SfCalendar.XForms;assembly=Syncfusion.SfCalendar.XForms" 
 x: Class = "SFCalaender.MainPage" 
 Title = "Calender Control by Synufusion" > < calen: SfCalendar x: Name = "Calender" / > < /ContentPage>

Step 4 : Finally set up Default Running Platform [Android /iOS/UWP].

Output – Android

UWP

Download Source Here..

Finally, we successfully created Xamarin.Forms Syncfusion Calendar Control.

One Comment

  • Thanks designed for sharing such a good opinion, post is fastidious, thats why i have read it fully

Leave a Comment

Your email address will not be published. Required fields are marked *