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.
 
How To Install And Configure Syncfusion Essential Studio For Xamarin In Visual Studio 2017
Figure 1 Download Syncfusion

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

How To Install And Configure Syncfusion Essential Studio For Xamarin In Visual Studio 2017
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.

How To Install And Configure Syncfusion Essential Studio For Xamarin In Visual Studio 2017
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.

How To Install And Configure Syncfusion Essential Studio For Xamarin In Visual Studio 2017
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.
 
How To Install And Configure Syncfusion Essential Studio For Xamarin In Visual Studio 2017
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.
 
How To Install And Configure Syncfusion Essential Studio For Xamarin In Visual Studio 2017
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.
 
How To Install And Configure Syncfusion Essential Studio For Xamarin In Visual Studio 2017
Figure 7 - Toolbar Windows
 
Click open the Syncfusion Toolbox. Only the Syncfusion Control is enabled in the Xamarin.Forms designer page (.xaml page).
 
How To Install And Configure Syncfusion Essential Studio For Xamarin In Visual Studio 2017
Figure 8 - Enable Window
 
Drag and drop the required Syncfusion Controls into the .xaml page. The dropped Control code is automatically generated.
 
How To Install And Configure Syncfusion Essential Studio For Xamarin In Visual Studio 2017
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.