How To Install And Configure Syncfusion Essential Studio For Xamarin In Visual Studio 2017

Introduction

This article demonstrates how to install and configure Syncfusion Essential Studio for Xamarin in Visual Studio 2017. Syncfusion provides Visual Studio toolbox for your Xamarin projects (Xamarin.Android, Xamarin.Forms, Xamarin.IOS). It supports only Visual Studio 2015 and above versions. This Syncfusion toolbox offers 130+ free controls that help us implement new, better functionality without coding (dragging and dropping the controls) in the XAML Designer.

Let’s start.

Step 1

Download Syncfusion Essential Studio for Xamarin.

 

Figure 1 Download Syncfusion

First, you can download Syncfusion Essential Studio for Xamarin, then double-click to open the executable file and run it.

Figure 2 Install Syncfusion

After a few seconds, a new window shows up. In this window, click the Proceed button followed by clicking on Next and installing the button. After installation, open Syncfusion Xamarin Control Panel and go to the Add on & Utilities tab.

Figure 3 Toolbox Installation

Next, Run the Toolbar Installer. In the new window, select your Visual Studio version and click the Configure button. After successful configuration, restart Visual Studio.

Figure 4 Configuration

Step 2

Add Syncfusion Xamarin Controls to your project. We have two ways to add the controls to our project. The first one is by creating a new project with Syncfusion Template controls and the second one is by adding Syncfusion controls to our existing projects.

Step 2.1 - Syncfusion Xamarin Project Template

You can create a new Syncfusion Xamarin Project Template by going to File >> New Project >> Visual C# >> Cross-Platform >> select Syncfusion Xamarin Project Template and give the app name, Solution name and select Framework version, then click OK.

 

Figure 5 New Project

 

Now, select Android minimum and target version, iOS Target Device and Version >> choose checkboxes for which you want to design the MainPage and press OK.

 

Figure 6 Create New Project

Step 2.2 - Add the Syncfusion Controls through Visual Studio Toolbox

Create the Xamarin Project and use the following steps to add the Syncfusion controls via Visual Studio Toolbox.

Open Visual Studio, choose View menu >> Other Windows >> select Syncfusion Toolbox.

 

Figure 7 - Toolbar Windows

 

Click open the Syncfusion Toolbox. Only the Syncfusion Control is enabled in the Xamarin.Forms designer page (.xaml page).

 

Figure 8 - Enable Window

 

Drag and drop the required Syncfusion Controls into the .xaml page. The dropped Control code is automatically generated.

 

Figure 9 - Drag and Drop

Install NuGet Packages based on the controls in your project - Refer to this link

Conclusion

Thus, we learned how to install and configure Syncfusion Essential Studio in Visual Studio 2017.