Syncfusion Project Templates for ASP.NET MVC (Essential JS 1)

9 Mar 20236 minutes to read

Syncfusion provides the Visual Studio Project Templates for the Syncfusion ASP.NET MVC, Syncfusion ASP.NET MVC (Classic) and ASP.NET MVC (Mobile) platforms to create a Syncfusion MVC application.

Syncfusion ASP.NET MVC and ASP.NET MVC (Classic) Project Templates are included here,

  • Essential Studio for Enterprise Edition with the platforms ASP.NETMVC or ASP.NET MVC(Classic)
  • Essential Studio for ASP.NET MVC
  • Essential Studio for ASP.NET MVC (Classic)

IMPORTANT

This is not applicable from v.12.1.0.43 to v.13.1.0.30. Syncfusion ASP.NET MVC and ASP.NET MVC (Classic) Project Templates are excluded from MVC Extension setup and integrated into Essential Studio ASP.NET MVC and ASP.NET MVC (Classic) platforms.

ASP.NET MVC Extensions:

By default, the Syncfusion ASP.NET MVC extensions are configured in Visual Studio. When you want the ASP.NET MVC (Classic) extension, you can install it from the installed location.

Project Templates (ASP.NET MVC (Classic):

Location: {Drive}\Program Files (x86)\Syncfusion\Essential Studio\<Version>\Utilities\Extensions\ASP.NET MVC \Classic

For Example – VS2013:C:\Program Files (x86)\Syncfusion\Essential Studio\13.2.0.18\Utilities\Extensions\ASP.NET MVC\Classic\4.5.1\Syncfusion.MVC.VSPackage.Web.Classic.vsix

Refer to the following steps to create the Syncfusion ASP.NET MVC and ASP.NET MVC (Classic) applications.

Create Syncfusion MVC (Web) Project

The following steps help you create the Syncfusion ASP.NET MVC (Essential JS 1) Application via the Visual Studio Project Template:

Before use the Syncfusion ASP.NET MVC (Essential JS 1) Project Template, check whether the Syncfusion Essential JS1 AspNet MVC VSExtensions installed or not in Visual Studio Extension Manager by clicking on the Tools -> Extensions and Updates -> Installed for Visual Studio 2017 or lower and for Visual Studio 2019 by clicking on the Extensions -> Manage Extensions -> Installed.

  1. To create a Syncfusion ASP.NET MVC (Essential JS 1) project, follow either one of the options below:

    Option 1:
    Click Syncfusion Menu and choose Essential Studio for ASP.NET MVC (EJ1) > Create New Syncfusion Project… in Visual Studio.

    Choose Syncfusion ASP.NET MVC Web Application from Visual Studio new project dialog via Syncfusion menu

    NOTE

    In Visual Studio 2019, Syncfusion menu available under Extension in Visual Studio menu.

    Option 2:
    Choose File > New > Project and navigate to Syncfusion > Web > Syncfusion ASP.NET MVC (Essential JS 1) Application in Visual Studio.

    Choose Syncfusion ASP.NET MVC Web Application from Visual Studio new project dialog

  2. Name the Project, choose the destination location as required and set the Framework of the project then click OK. The Project Configuration Wizard appears.  

  3. Choose the options to configure the Syncfusion ASP.NET MVC Application by using the following Project Configuration window.

    Syncfusion Essential JS 1 ASP.NET MVC Web Project configuration wizard

    Project configurations:

    Target MVC Version: Choose the required MVC Version.

    Choose required MVC version

    View Engine: Choose the View Engine of the Sample.

    Choose rquired View Engine

    Theme: Choose the Required Theme.

    Choose required theme

    Language: Select the language, either C# or VB.

    Choose required language

    Assemblies From: Choose the assembly location from where it is going to be added to the project.

    Choose the assembly location from where it is going to be added to the project

    Use CDN Support: The master page of the project will be updated based on required Syncfusion CDN links.

    Choose CDN support

  4. When you have not chosen the Add Samples option then the Syncfusion ASP.NET MVC/ Syncfusion ASP.NET MVC (Classic) project is created with required assemblies, CSS and Script files only.

  5. By choosing the Add Samples option you can add the code examples for your selected controls and its features.

    Syncfusion Essential JS 1 ASP.NET MVC Web Feature selection

    Select Control: Choose the control based on your need.

    Choose required controls

    Select Feature: Choose Feature based on your need.

    Choose required features

  6. Once the Project Configuration Wizard is done, the Syncfusion MVC Project is created.

    Required View and Controller files are added in the project for the selected controls

  7. Syncfusion references, Scripts, CSS and required Web.config entries are added to the Project.

    Required Syncfusion assemblies added in the project created for the selected controls

    Required scripts and themes added in the project created

    Web.config file configured for the selected controls in the project created

  8. Then, Syncfusion licensing registration required message box will be shown as follow, if you are installed the trial setup or NuGet packages since Syncfusion introduced the licensing system from 2018 Volume 2 (v16.2.0.41) Essential Studio release. Please navigate to the help topic which is shown in the licensing message box to generate and register the Syncfusion license key to your project. Refer to this blog post for understanding the licensing changes introduced in Essential Studio.

    Syncfusion license registration required message box for Syncfusion Essential JS 1 ASP.NET MVC web projects

Create Syncfusion MVC (Mobile) Project

The following steps help you create the Syncfusion ASP.NET MVC (Mobile) Project via the Visual Studio Project Template.

  1. To create a Syncfusion Project, choose New Project -> Syncfusion -> Mobile -> Syncfusion ASP.NET MVC(Mobile) Application from Visual Studio.

    Choose Syncfusion ASP.NET MVC Mobile Application from Visual Studio new project dialog

  2. Name the Project, choose the destination location as required and set the Framework of the project then click OK. The Project Configuration Wizard appears.  

  3. Choose the options to configure the Syncfusion ASP.NET MVC Application by using the following Project Configuration window.

    Syncfusion Essential JS 1 ASP.NET MVC Mobile project configuration wizard

    Project configurations:

    Target MVC Version: Choose the required MVC Version.

    Choose the target MVC Version

    View Engine: Choose the View Engine of the Sample.

    Choose View Engine

    Theme: Choose the Required Theme.

    Choose the required theme

    Language: Select the language, either C# or VB.

    Choose the project language

    Assemblies From: Choose the assembly location from where it is going to be added to the project.

    Choose the assembly location

    Project templates: Choose the required Control.

    Choose the required controls

  4. Once the Project Configuration Wizard is done, the Syncfusion MVC Project is created.

    Required view and controller files added in the Syncfusion Essential JS 1 ASP.NET MVC Mobile project created

  5. Syncfusion references, Scripts, CSS and required Web.config entries are added to the Project.

    Required assemblies added as a reference in the project created

    Required themes and scripts added to the project created

    Syncfusion Essential JS 1 ASP.NET MVC Mobile project required scripts

    Syncfusion Essential JS 1 ASP.NET MVC Mobile project Web.config configuration