Sample Creator in ASP.NET MVC Extensions

28 Jan 20253 minutes to read

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

Create Syncfusion® MVC Project from Sample Creator

The following steps help you to create the Syncfusion® ASP.NET MVC Project via the Sample Creator utility.

  1. To launch ASP.NET MVC (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 MVC (EJ1) > Launch Sample Creator… in Visual Studio.

    launch the Essential<sup style="font-size:70%">®</sup> JS 1 ASP.NET MVC 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® Essential Studio® Dashboard and select the ASP.NET MVC (Essential® JS 1)/ASP.NET MVC (Classic) platform. Select the Sample Creator button to launch the ASP.NET MVC (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> control panel to launch the Essential<sup style="font-size:70%">®</sup> JS 1 ASP.NET MVC 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 MVC Sample Creator Wizard

Controls Selection

Listed here are the Syncfusion® ASP.NET MVC controls so you can choose the required controls. And the controls are grouped product wise.

Syncfusion<sup style="font-size:70%">®</sup> Essential<sup style="font-size:70%">®</sup> JS 1 ASP.NET MVC 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 MVC Sample Creator Feature Selection

Project Configuration

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

  • MVC Version – Choose the required MVC Version.
  • Language – Select the language, either C# or VB.
  • VS Version – Choose the Project version
  • .NET Framework – Choose the .NET Framework version.
  • View Engine – Select either Razor or ASPX. By default, Syncfusion® supports only Razor view engine for ASP.NET MVC projects.
  • Compress Style Sheets – Option to compress style sheets.
  • Compress Scripts – Option to compress the scripts.
  • Name – Name your Syncfusion® MVC 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 MVC Sample Creator Project Configuration section

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

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

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

  • Included the required Syncfusion® ASP.NET MVC scripts and themes files.

    Required Syncfusion<sup style="font-size:70%">®</sup> ASP.NET MVC scripts and themes files added in the project

  • The required Syncfusion® assemblies are added for selected controls under Project Reference.

    Required Syncfusion<sup style="font-size:70%">®</sup> assemblies added in the project for the selected controls

  • Configure the Web.Config file by adding the Syncfusion® reference assemblies.

    Required Syncfusion<sup style="font-size:70%">®</sup> assemblies configured in Web.config file for the selected controls

  • Once the project is created you can open the project by clicking the Yes button. 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 MVC Sample Creator