Creating Syncfusion ASP.NET Core application

16 Nov 20233 minutes to read

The Syncfusion Sample Creator is a tool that lets you make Syncfusion ASP.NET Core (Essential JS 2) projects with sample code for required Syncfusion component features and Syncfusion control configuration.

The Syncfusion ASP.NET Core (Essential JS 2) Sample Creator utility is available from v16.3.0.17.

The following steps is used to create the Syncfusion ASP.NET Core (Essential JS 2) Application by using the Sample Creator utility:

  1. Follow one of the options below to launch the ASP.NET Core (Essential JS 2) Sample Creator application:

    Option 1:

    Click Syncfusion Menu and choose Essential Studio for ASP.NET Core (EJ2) > Launch Sample Creator… in Visual Studio.

    sample creator

    Option 2:

    Launch the Syncfusion ASP.NET Core (Essential JS 2) Control Panel and click the Sample Creator button to launch the ASP.NET Core (Essential JS 2) Sample Creator utility. For further information, see the screenshot below.

    control-panel

  2. Syncfusion controls and features are listed in the ASP.NET Core (Essential JS 2) Sample Creator.

    controls-list

    Controls Selection: Choose the required controls. The controls are grouped with Syncfusion products.

    control selection

    Feature Selection: Based on the controls, the feature is enabled to choose the features of the corresponding controls.

    feature selection

Project Configuration

  1. You can configure the project with following details.

    VS Version: Choose the Visual Studio version and Framework.

    Project Type: Select the type of ASP.NET Core Project.

    ASP.NET Core Version: Select the version of ASP.NET Core Project.

    aspnet core version

    .NET 6.0 is available from v19.4.0.38 and support from Visual Studio 2022.

    .NET 7.0 is available from v20.4.0.38 and support from Visual Studio 2022.

    .NET 8.0 is available from v23.2.4 and support from Visual Studio 2022.

    Assets From: Choose the Syncfusion Essential JS 2 assets to ASP.NET Core Project, either NPM, CDN, or Installed Location.

    Installed location option will be available only when the Syncfusion Essential JavaScript 2 setup has been installed.

    Name: Name your Syncfusion ASP.NET Core (Essential JS 2) Application.

    Location: Choose the target location of your project.

    Theme Selection: Choose the required theme. This section shows the controls preview before creating the Syncfusion project.

    theme selection

  2. Click Create button. After creating the project, open the project by clicking Yes. If you click No, the corresponding location of the project will be opened. Refer to the following screenshot for more information.

    create

  3. The new Syncfusion ASP.NET Core (Essential JS 2) project is created with the resources.

    • Added the required Controllers and View files in the project.

    controllers

    • Included the required Syncfusion ASP.NET Core (Essential JS 2) scripts and theme files.

    scripts and css

    • Restored the required Syncfusion NuGet packages for selected controls under dependencies.

    nuget packages