Xamarin 101: How to use Syncfusion Community Edition in Xamarin Forms

Are you looking for components for building Xamarin mobile apps?

Are you search for free components that you can use?

In this post, we’ll take a look at Syncfusion Community Edition, which has a free license? Yes, free license, how?  Companies and individuals with annual gross revenue below $1 million USD are able to use these products for building commercial applications.

Here are the steps on how to use your first Xamarin app with Syncfusion in it.

 

Step 1:

Go to Syncfusion site and click on the claim free license box and then create an account.

 

Step 2:

Go to download page and then click the Download links and details that you will see on the Essential Studio tab.

 

Step 3:

Go down the bottom of the page and look for the Xamarin. Download the EXE if you’re using Windows and PKG if you’re using Mac.

 

Step 4:

The page will prompt a dialog box which will ask you to enter your email and password.

 

Step 4:

After entering your username and password, you will be asked to pick your installation location and Xamarin samples location.

If locations are good, hit the install button.

 

Step 5:

Wait for the installation of your Essential Studio for Xamarin to finish.

 

Step 6:

Click on the finish button when installation is complete. This will also run your Syncfusion Control Panel if you left it checked.

 

Step 7:

Explore your Xamarin toolkit.

 

Step 8:

Go to your Tools Menu -> Options -> NuGet Package Manager -> Package Sources.

Add a package source. Named it Syncfusion, and the source URL  should be http://nuget.syncfusion.com/nuget_xamarin/nuget/getsyncfusionpackages/xamarin

 

Step 9:

Right-click on your solution and then go to Manage NuGet packages.

 

Step 10:

Install Synfusion.Xamarin.SfCalendar.

The Essential Xamarin Calendar widget provides the multi-view representation to display and select one or more dates within specified ranges. Also provides a gesture-friendly UI to perform operations like navigations, events, etc.

Essential Calendar can be used in various scenarios like ticket booking, events notifying, display working days etc.

 

Step 11:

On your MainPage.xaml, add the xmlns namespace of SfCalendar library and also add the SfCalendar View by using SfCalendar keyword.

 

Step 12:

On your AppDelegate.cs in your iOS project, insert new SfCalendarRenderer(); before LoadApplication.

 

Step 13:

Build and deploy your demo app with Syncfusion to your Android and iOS.

Android

 

iOS

What can you do with this calendar widget? Well, here its key features

  • Built-in Views – A multi-view representation to display dates in month or year view layout
  • Selection – Enables users to select one or multiple dates
  • Min Max dates – Visible dates can be limited using the specified Minimum and Maximum dates
  • Blackout dates – A collection of dates with cross mark representation that cannot be interacted

 

Before I end this post, here is the online repository of this demo and the documentation of the different controls in Syncfusion Community Edition.

GitHub URL: https://github.com/webmasterdevlin/SyncfusionCommunityDemo

Syncfusion Xamarin Forms Documentation

 

It’s better to try it yourself to see the awesomeness of this component.

Download and install Syncfusion Community Edition now. Happy coding.



Post A Comment