{{announcement.body}}
{{announcement.title}}

Install and Configure Syncfusion Essential Studio for Xamarin in Visual Studio 2017

DZone 's Guide to

Install and Configure Syncfusion Essential Studio for Xamarin in Visual Studio 2017

A quick step-by-step run through on how to configure this popular framework for mobile application development using VS 2017.

· Web Dev Zone ·
Free Resource

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.

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

Image title

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.

Figure 3 Syncfusion Installation

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

Figure 4 Configure

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.

Figure 5 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.

Figure 6 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.

Image title

  • 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.

Figure 8 Drag and Drop

Install tje 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.

Topics:
xamarin ,xamarin forms ,visual studio 2017 ,web dev ,mobile application development

Opinions expressed by DZone contributors are their own.

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}