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 the Visual Studio toolbox for your Xamarin project (Xamarin.Android, Xamarin.Forms, Xamarin.IOS). It supports only Visual Studio 2015 and above versions. In this Syncfusion toolbox, there are 130+ free controls, which can be used without coding (drag and drop the controls) in the Xaml designer. More details
Target User – Beginners
Let’s start!

Step 1:

Download Syncfusion Essential Studio for Xamarin.

Download

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

 

Proceed

 After a few seconds, a new window will appear. In this window, click the Proceed button; then click the Next and Install buttons. After installation, open Syncfusion Xamarin Control Panel and go to the Add-On & Utilities tab.

Toolbax Install

 Next, run the Toolbar Installer. In the new window, select your Visual Studio version and click the configure button. Ater configuration, restart Visual Studio.

 

ToolBox

Step 2:

     Add Syncfusion Xamarin Controls in your project. We have two ways to add the controls to your project. The first one is creating a new project with Syncfusion Template controls and the second one is adding Syncfusion controls to your 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's name and the Solution name and select the Framework version. Then click OK.

New Project

 Now, select minimum and target versions for Android, and the iOS Target Device and Version >> choose checkboxes for the controls you want to design for the home page and press Create.

Step 2.2: Add the Syncfusion controls through the Visual Studio Toolbox
Create the Xamarin Project. The following steps are used to add the Syncfusion controls through the Visual Studio Toolbox.

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

Syncfusion ToolBox

• Open the Syncfusion Toolbox. The Syncfusion controls are only enabled in the Xamarin.Forms designer page (.xaml page).
• Drag and drop the required Syncfusion Controls into the .xaml page. The dropped Control code is automatically generated.

Drag and Drop

Install the Nuget Packages based on the controls in your project.

Conclusion

We have learned how to install and configure Syncfusion Essential Studio in Visual Studio 2017