Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: post
title: ASP.NET Core (Essential JS 2) Extension | Extension | Syncfusion
description: The Syncfusion ASP.NET Core Extensions provide quick access to create or configure the Syncfusion ASP.NET projects along with Essential JS 2 components.
title: ASP.NET Core Extension | Extension | Syncfusion
description: The Syncfusion ASP.NET Core Extensions provide access to create or configure the Syncfusion ASP.NET projects along with Essential JS 2 components.
platform: extension
control: Syncfusion Extensions
documentation: ug
Expand Down Expand Up @@ -36,4 +36,4 @@ The Syncfusion<sup style="font-size:70%">&reg;</sup> provides the following supp

### Selected Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET Core (Essential<sup style="font-size:70%">&reg;</sup> JS2) application in Visual Studio

![selected syncfusion<sup style="font-size:70%">&reg;</sup>](images/selected-syncfusion-project.png)
![selected syncfusion](images/selected-syncfusion-project.png)
Original file line number Diff line number Diff line change
Expand Up @@ -21,17 +21,15 @@ The steps below help you to convert the ASP.NET Core application to the Syncfusi

**Option 1:**

Click **Syncfusion<sup style="font-size:70%">&reg;</sup> Menu** and choose **Essential Studio<sup style="font-size:70%">&reg;</sup> for ASP.NET Core > Convert to Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET Core Application…** in **Visual Studio Menu**.
Click **Extensions > Syncfusion<sup style="font-size:70%">&reg;</sup>** and choose **Essential Studio<sup style="font-size:70%">&reg;</sup> for ASP.NET Core > Convert to Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET Core Application…** in **Visual Studio Menu**.

![convert project](images/convert-new-app.png)

![convert project](images/convert-new-app-2019.png)

**Option 2:**

Right-click the **Project** from Solution Explorer, select **Syncfusion<sup style="font-size:70%">&reg;</sup> Web**, and choose the **Convert to Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET Core Application…**

![convert to syncfusion<sup style="font-size:70%">&reg;</sup>](images/convert-to-syncfusion-ASpnet-core.png)
![convert to syncfusion](images/convert-to-syncfusion-ASpnet-core.png)

3. The Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET Core Project Conversion window will appear. You can choose the required version of Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET Core, Assets from, and Themes to convert the application.

Expand All @@ -41,7 +39,7 @@ The steps below help you to convert the ASP.NET Core application to the Syncfusi

**Assets From:** Load the Syncfusion<sup style="font-size:70%">&reg;</sup> Essential<sup style="font-size:70%">&reg;</sup> JS 2 assets to ASP.NET Core Project, from either NPM, CDN, or Installed Location.

> Installed location option will be available only when the Syncfusion<sup style="font-size:70%">&reg;</sup> Essential<sup style="font-size:70%">&reg;</sup> ASP.NET Core setup has been installed.
> Installed location option will be available only when the Syncfusion<sup style="font-size:70%">&reg;</sup> Essential<sup style="font-size:70%">&reg;</sup> JavaScript 2 setup has been installed.

**Choose the Theme:** Choose the required theme.

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ control: Syncfusion Extensions
documentation: ug
---

# Upgrading Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET Core application to latest version
# Upgrading Syncfusion® ASP.NET Core application to latest version

The Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET Core migration add-in for Visual Studio allows you to migrate an existing Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET Core application from one version of Essential Studio<sup style="font-size:70%">&reg;</sup> version to another version. This reduces the amount of manual work required when migrating the Syncfusion<sup style="font-size:70%">&reg;</sup> version.

Expand All @@ -25,7 +25,7 @@ The steps below will assist you to upgrade the Syncfusion<sup style="font-size:7

**Option 1**

Click **Syncfusion<sup style="font-size:70%">&reg;</sup> Menu** and choose **Essential Studio<sup style="font-size:70%">&reg;</sup> for ASP.NET Core > Migrate Project…** in **Visual Studio Menu**.
Click **Extensions > Syncfusion<sup style="font-size:70%">&reg;</sup>** and choose **Essential Studio<sup style="font-size:70%">&reg;</sup> for ASP.NET Core > Migrate Project…** in **Visual Studio Menu**.

![migrate project](images/migrate-project.png)

Expand All @@ -43,7 +43,7 @@ The steps below will assist you to upgrade the Syncfusion<sup style="font-size:7

**Assets From:** Load the Syncfusion<sup style="font-size:70%">&reg;</sup> Essential<sup style="font-size:70%">&reg;</sup> JS 2 assets to ASP.NET Core Project, from either NPM, CDN or Installed Location.

> Installed location option will be available only when the Syncfusion<sup style="font-size:70%">&reg;</sup> Essential<sup style="font-size:70%">&reg;</sup> ASP.NET Core setup has been installed.
> Installed location option will be available only when the Syncfusion<sup style="font-size:70%">&reg;</sup> Essential<sup style="font-size:70%">&reg;</sup> JavaScript 2 setup has been installed.

4. Check the **“Enable a backup before migrating”** checkbox if you want to take the project backup and choose location.

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -21,15 +21,15 @@ Syncfusion<sup style="font-size:70%">&reg;</sup> provides **Visual Studio Scaffo

The following steps explain you how to add a scaffolded item to your ASP.NET Core Web application.

> Before use, the Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET Core Scaffolding, check whether the **ASP.NET Core Extensions - Syncfusion<sup style="font-size:70%">&reg;</sup>** installed or not in Visual Studio Extension Manager by clicking on the Tools -> Extensions and Updates -> Installed for Visual Studio 2022 or later by clicking on the Extensions -> Manage Extensions -> Installed. If this extension not installed, please install the extension by follow the steps from the [download and installation](https://ej2.syncfusion.com/aspnetcore/documentation/visual-studio-integration/VS2019-Extensions/download-and-installation/) help topic.
> Before use, the Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET Core Scaffolding, check whether the **ASP.NET Core Extensions - Syncfusion<sup style="font-size:70%">&reg;</sup>** installed or not in Visual Studio Extension Manager by clicking on the Tools -> Extensions and Updates -> Installed for Visual Studio 2022 or later by clicking on the Extensions -> Manage Extensions -> Installed. If this extension not installed, please install the extension by follow the steps from the [download and installation](https://help.syncfusion.com/extension/aspnetcore-essentialjs2-extension/visual-studio/download-and-installation) help topic.

1. Right-click the **Controllers** folder in the Solution Explorer, click **Add**, and then select **New Scaffolded Item…**

![Syncfusion<sup style="font-size:70%">&reg;</sup> Scaffolded add-in](images/Scaffolding_Add_Item1.png)
![Syncfusion Scaffolded add-in](images/Scaffolding_Add_Item1.png)

2. In the **Add Scaffold dialog**, select **Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET Core UI Scaffolder**, and then click **‘Add’**.

![Choose Syncfusion<sup style="font-size:70%">&reg;</sup> Scaffolding from Visual Studio Add scaffold dialog](images/Scaffolding_Add_Item2.png)
![Choose Syncfusion Scaffolding from Visual Studio Add scaffold dialog](images/Scaffolding_Add_Item2.png)

3. In the Syncfusion<sup style="font-size:70%">&reg;</sup> UI Scaffolder dialog, select the desired Syncfusion<sup style="font-size:70%">&reg;</sup> control to perform scaffolding, and then click **Next**.

Expand Down Expand Up @@ -124,4 +124,4 @@ The following steps explains how to add a scaffolded item from command-line to y

Refer to the following UG links to render Syncfusion<sup style="font-size:70%">&reg;</sup> control after performed scaffolding.

[Configure using Syncfusion.EJ2.AspNet.Core package](https://ej2.syncfusion.com/aspnetcore/documentation/getting-started/visual-studio-2017/)
[Configure using Syncfusion.EJ2.AspNet.Core package](https://ej2.syncfusion.com/aspnetcore/documentation/getting-started)
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Project Templates | ASP.NET Core (Essential JS 2) | Syncfusion
title: Project Templates | ASP.NET Core | Syncfusion
description: Syncfusion provides Visual Studio Project Templates for ASP.NET Core platform to create the Syncfusion ASP.NET Core Application using Essential JS 2 components
platform: extension
control: Syncfusion Extensions
documentation: ug
---

# Syncfusion<sup style="font-size:70%">&reg;</sup> Project Templates of ASP.NET Core (Essential<sup style="font-size:70%">&reg;</sup> JS 2)
# Syncfusion® Project Templates - ASP.NET Core

Syncfusion<sup style="font-size:70%">&reg;</sup> provides the **Visual Studio Project Templates** for the Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET Core platform to create the Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET Core Web Application using Essential<sup style="font-size:70%">&reg;</sup> JS 2 components.

Expand All @@ -21,19 +21,15 @@ The following steps is used to create the **Syncfusion<sup style="font-size:70%"

**Option 1**

Click **Syncfusion<sup style="font-size:70%">&reg;</sup> Menu** and choose **Essential Studio<sup style="font-size:70%">&reg;</sup> for ASP.NET Core > Create New Syncfusion<sup style="font-size:70%">&reg;</sup> Project…** in **Visual Studio**.
Click **Extensions > Syncfusion<sup style="font-size:70%">&reg;</sup>** and choose **Essential Studio<sup style="font-size:70%">&reg;</sup> for ASP.NET Core > Create New Syncfusion<sup style="font-size:70%">&reg;</sup> Project…** in **Visual Studio**.

![new project](images/new-project.png)

> From Visual Studio 2019, Syncfusion<sup style="font-size:70%">&reg;</sup> menu is available under Extension in Visual Studio menu.

![new project](images/SyncfusionMenu.png)

**Option 2**

Choose **File > New > Project** and navigate to **Syncfusion<sup style="font-size:70%">&reg;</sup> > .NET Core > Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET Core Web Application** in **Visual Studio**.

![syncfusion<sup style="font-size:70%">&reg;</sup> template](images/syncfusion-template.png)
![syncfusion template](images/syncfusion-template.png)

2. Name the **Project**, choose the destination location, and then click **OK**. The Project Configuration Wizard appears.

Expand Down Expand Up @@ -100,7 +96,7 @@ The following steps is used to create the **Syncfusion<sup style="font-size:70%"

6. Then, Syncfusion<sup style="font-size:70%">&reg;</sup> licensing registration required message box will be shown, if you installed the trial setup or NuGet packages since Syncfusion<sup style="font-size:70%">&reg;</sup> introduced the licensing system from 2018 Volume 2 (v16.2.0.41) Essential Studio<sup style="font-size:70%">&reg;</sup> release. Navigate to the [help topic](https://help.syncfusion.com/common/essential-studio/licensing/overview#how-to-generate-syncfusion-license-key), which is shown in the licensing message box to generate and register the Syncfusion<sup style="font-size:70%">&reg;</sup> license key to your project. Refer to this [blog](https://blog.syncfusion.com/post/whats-new-in-2018-volume-2-licensing-changes-in-the-1620x-version-of-essential-studio.aspx) post for understanding the licensing changes introduced in Essential Studio<sup style="font-size:70%">&reg;</sup>.

![syncfusion<sup style="font-size:70%">&reg;</sup> license](images/syncfusion-license.png)
![syncfusion license](images/syncfusion-license.png)


## Authentication Configuration
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ documentation: ug
---


# Download and Installation
# Syncfusion® ASP.NET Core Extension - Download and Installation

Syncfusion<sup style="font-size:70%">&reg;</sup> publishes the Visual Studio extension in the [Visual Studio marketplace](https://marketplace.visualstudio.com/items?itemName=SyncfusionInc.ASPNETCoreExtensions). You can either install it directly from Visual Studio or download and install it from the Visual Studio marketplace.

Expand All @@ -18,7 +18,7 @@ The following software prerequisites must be installed to install the Syncfusion

* [Visual Studio 2022 or later](https://visualstudio.microsoft.com/downloads).

* [.NET Core 8.0 or later](https://dotnet.microsoft.com/download/dotnet-core).
* [.NET Core 8.0 or later](https://dotnet.microsoft.com/en-us/download/dotnet).

## Install through the Visual Studio Manage Extensions

Expand Down
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
11 changes: 4 additions & 7 deletions Extension/ASPNETMVC-EssentialJS2-Extension/Overview.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,12 +7,11 @@ control: Syncfusion Extensions
documentation: ug
---

# ASP.NET MVC (Essential<sup style="font-size:70%">&reg;</sup> JS 2) Extension
# Syncfusion® ASP.NET MVC Extension

The Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET MVC (Essential<sup style="font-size:70%">&reg;</sup> JS 2) Visual Studio Extensions can be accessed through the Syncfusion<sup style="font-size:70%">&reg;</sup> Menu to create and configure the project with Syncfusion<sup style="font-size:70%">&reg;</sup> references in Visual Studio.
The Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET MVC Visual Studio Extensions can be accessed through the Syncfusion<sup style="font-size:70%">&reg;</sup> Menu to create and configure the project with Syncfusion<sup style="font-size:70%">&reg;</sup> references in Visual Studio.

> Syncfusion<sup style="font-size:70%">&reg;</sup> Extension is published in the Visual Studio Marketplace. Refer to the following link.
<https://marketplace.visualstudio.com/items?itemName=SyncfusionInc.ASPNETMVCExtensions>
> Syncfusion<sup style="font-size:70%">&reg;</sup> Extension is published in the Visual Studio Marketplace. You can download ASP.NET MVC Extensions [here](https://marketplace.visualstudio.com/items?itemName=SyncfusionInc.ASPNETMVCExtensions)

## IMPORTANT

Expand All @@ -37,6 +36,4 @@ Syncfusion<sup style="font-size:70%">&reg;</sup> provides the following supports

### Selected Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET MVC (Essential<sup style="font-size:70%">&reg;</sup> JS2) application in Visual Studio

![selected syncfusion<sup style="font-size:70%">&reg;</sup> aspnetmvc](images/selected-syncfusion-mvc-application.png)

> From Visual Studio 2019, Syncfusion<sup style="font-size:70%">&reg;</sup> menu is available under Extension in Visual Studio menu.
![selected syncfusion aspnetmvc](images/selected-syncfusion-mvc-application.png)
12 changes: 5 additions & 7 deletions Extension/ASPNETMVC-EssentialJS2-Extension/Project-Conversion.md
Original file line number Diff line number Diff line change
Expand Up @@ -11,22 +11,20 @@ documentation: ug

Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET MVC conversion is a Visual Studio add-in that converts an existing ASP.NET MVC application into a Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET MVC (Essential<sup style="font-size:70%">&reg;</sup> JS 2) Web application by adding the required assemblies and resource files.

> The Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET MVC (Essential<sup style="font-size:70%">&reg;</sup> JS 2) Web Application Project conversion utility is available from v16.3.0.17. Before use, the Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET MVC Project Conversion, check whether the **ASP.NET MVC Extensions - Syncfusion<sup style="font-size:70%">&reg;</sup>** 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. If this extension not installed, please install the extension by follow the steps from the [download and installation](https://ej2.syncfusion.com/aspnetmvc/documentation/visual-studio-integration/download-and-installation) help topic. Also, check whether the corresponding Essential Studio<sup style="font-size:70%">&reg;</sup> version build installed or not. If the Essential Studio<sup style="font-size:70%">&reg;</sup> version is not same for both the Extension and build, then the Project Conversion will not be shown.
> The Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET MVC (Essential<sup style="font-size:70%">&reg;</sup> JS 2) Web Application Project conversion utility is available from v16.3.0.17. Before use, the Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET MVC Project Conversion, check whether the **ASP.NET MVC Extensions - Syncfusion<sup style="font-size:70%">&reg;</sup>** installed or not in Visual Studio Extension Manager by clicking on the Tools -> Extensions and updates -> Installed for Visual Studio 2022 or later by clicking on the Extensions -> Manage Extensions -> Installed. If this extension not installed, please install the extension by follow the steps from the [download and installation](https://ej2.syncfusion.com/aspnetmvc/documentation/visual-studio-integration/download-and-installation) help topic. Also, check whether the corresponding Essential Studio<sup style="font-size:70%">&reg;</sup> version build installed or not. If the Essential Studio<sup style="font-size:70%">&reg;</sup> version is not same for both the Extension and build, then the Project Conversion will not be shown.

The steps below help you to convert the ASP.NET MVC application to the Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET MVC application via the Visual Studio 2019:
The steps below help you to convert the ASP.NET MVC application to the Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET MVC application via the Visual Studio 2022 or later:

1. Open an existing Microsoft ASP.NET MVC Web Application or create a new Microsoft ASP.NET MVC Web Application.

2. To open the Syncfusion<sup style="font-size:70%">&reg;</sup> Project Conversion Wizard, follow either one of the options below:

**Option 1:**

Click **Syncfusion<sup style="font-size:70%">&reg;</sup> Menu** and choose **Essential Studio<sup style="font-size:70%">&reg;</sup> for ASP.NET MVC > Convert to Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET MVC Application…** in **Visual Studio Menu**.
Click **Extensions > Syncfusion<sup style="font-size:70%">&reg;</sup>** and choose **Essential Studio<sup style="font-size:70%">&reg;</sup> ASP.NET MVC > Convert to Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET MVC Application…** in **Visual Studio Menu**.

![convert-to-syncfusion](images/convert-project.png)

> From Visual Studio 2019, Syncfusion<sup style="font-size:70%">&reg;</sup> menu is available under **Extensions** in Visual Studio menu.

**Option 2:**

Right-click the **Project** from Solution Explorer, select **Syncfusion<sup style="font-size:70%">&reg;</sup> Web**, and choose the **Convert to Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET MVC Application…** Refer to the following screenshot for more information.
Expand All @@ -51,9 +49,9 @@ The steps below help you to convert the ASP.NET MVC application to the Syncfusio

5. The required Syncfusion<sup style="font-size:70%">&reg;</sup> NuGet packages, Scripts and CSS are included in the ASP.NET MVC Web Application. Refer to the following screenshots for more information.

![syncfusion<sup style="font-size:70%">&reg;</sup> assemblies](images/syncfusion-reference.png)
![syncfusion assemblies](images/syncfusion-reference.png)

![syncfusion<sup style="font-size:70%">&reg;</sup> layout](images/layout.png)
![syncfusion layout](images/layout.png)

![web-config](images/web-config.png)

Expand Down
Loading