Sample Creator

28 Jan 20254 minutes to read

Sample Creator is the utility that allows you to create Syncfusion® ASP.NET Core Projects along with the samples based on Controls and Features selection.

IMPORTANT

The Syncfusion® ASP.NET Core Sample Creator utility is available from v15.2.0.40.

Create Syncfusion® ASP.NET Core Web Application from Sample Creator

The following steps help you to create the Syncfusion® ASP.NET Core Web Application via the Sample Creator utility.

  1. To launch ASP.NET Core (Essential® JS 1) Sample Creator application, follow either one of the options below:

    Option 1:
    Click Syncfusion® Menu and choose Essential Studio® for ASP.NET Core (EJ1) > Launch Sample Creator… in Visual Studio.

    launch the Sample Creator via Syncfusion<sup style="font-size:70%">®</sup> menu

    NOTE

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

    Option 2:
    Launch the Syncfusion® ASP.NET Core (Essential® JS 1) Control Panel. Select the Sample Creator button to launch the ASP.NET Core (Essential® JS 1) Sample Creator application. Refer to the following screenshot for more information.

    Syncfusion<sup style="font-size:70%">®</sup> Essential Studio<sup style="font-size:70%">®</sup> Essential<sup style="font-size:70%">®</sup> JS 1 ASP.NET Core control panel to launch the Sample Creator

  2. Syncfusion® Sample Creator Wizard displaying the Controls and its Feature Selection section

    Syncfusion<sup style="font-size:70%">®</sup> Essential<sup style="font-size:70%">®</sup> JS 1 ASP.NET Core Sample Creator wizard

Controls Selection

Listed here are the Syncfusion® ASP.NET Core controls so you can choose the required controls.

Syncfusion<sup style="font-size:70%">®</sup> Essential<sup style="font-size:70%">®</sup> JS 1 ASP.NET Core Sample Creator Controls selection

Feature Selection

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

Syncfusion<sup style="font-size:70%">®</sup> Essential<sup style="font-size:70%">®</sup> JS 1 ASP.NET Core Sample Creator Features selection

Project Configuration

  1. You can configure the following project details in the Sample Creator.

    • Project Type – Select the type of ASP.NET Core Project, either .NET Core or .NET Framework.

    • ASP.NET Core Version - Select the version of ASP.NET Core Project, either ASP.NET Core 1.0 or ASP.NET Core 1.1.

    • VS Version – Choose the Visual Studio version.

    • .NET Framework – Choose the .NET Framework version.

    • Assets From – Load the Syncfusion® assets to ASP.NET Core Project, either Bower, CDN or Installed Location.

    • Name – Name your Syncfusion® ASP.NET Core Application.

    • Location – Choose the target location of your project.

    • Theme Selection – Choose the required theme.The Theme Preview section shows the controls preview before create the Syncfusion® project.

    Syncfusion<sup style="font-size:70%">®</sup> Essential<sup style="font-size:70%">®</sup> JS 1 ASP.NET Core Sample Creator project configuration section

  2. When you click the Create button, the new Syncfusion® ASP.NET Core project is created. The following resources are added in the project:

    • Added the required View(.cshtml) and Class files in the project.

      Required View and Class files add in the project for the chosen controls

    • Included the required Syncfusion® scripts and themes files.

      Required scripts and themes files included in the project

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

      Required NuGet/Bower packages restored for the selected Syncfusion<sup style="font-size:70%">®</sup> Essential<sup style="font-size:70%">®</sup> JS 1 ASP.NET Core controls

  3. Once the project is created you can open the project by clicking the Yes button. If you click No button the corresponding location of the project will be opened. Refer the following screenshot for more information.

    The project successfully created using Syncfusion<sup style="font-size:70%">®</sup> Essential<sup style="font-size:70%">®</sup> JS 1 ASP.NET Core Sample Creator