New to Telerik UI for ASP.NET Core? Download free 30-day trial

Creating New Projects

This article demonstrates how to create a new Progress Telerik UI for ASP.NET Core application by using the templates that come with the Telerik Extensions for Visual Studio.

Getting the Wizard

To use the Create New Project Wizard, install the Progress Telerik UI for ASP.NET Core Extension. You can get it from:

Using the Wizard

To create a new Telerik UI for ASP.NET Core application, use the Create New Project Wizard. The wizard detects all installed versions of Telerik UI for ASP.NET Core and lists them in the Version dropdown—this enables you to apply the desired version to your project.

To start the wizard, use either of the following approaches:

  • Using the Visual Studio 2019 Extensions menu:

    1. Go to Extentions > Telerik > Telerik UI for ASP.NET Core
    2. Go to the Telerik menu.
    3. Click Create New Telerik Project.

    Visual Studio Extensions menu

  • Using the Project menu:

    1. Click File > New > Project.
    2. Type Telerik in the Search for templates textbox. Click on the Telerik ASP.NET Core MVC Telerik Application.

    New project Template

Configurations

Target Framework

The Create New Project Wizard allows you to select a target Framework.

Note

If the target Framework dropdown is disabled check the troubleshooting section.

The Create New Project Wizard

.NET Core version

Click on the desired ASP.NET Core version.

The ASP.NET version options

Helper Selection

You can choose if you want the template project to use HTMLHelpers or TagHelpers in its Views. In this article, we use the Tag option.

The HTML/Tag helper options

UI for ASP.NET Core version

The Project wizard allows you to select the desired version of UI for ASP.NET Core. If there is a newer version available that is not downloaded on the machine, you can obtain it without exiting the wizard.

UI for ASP.NET Core version options

Available Templates

The following project templates are available:

UI for ASP.NET Core templates options

Project Description
Blank The Blank template has the package references and the client-side resources loaded in the view. It also features the expected JSON serialization configuration in the Startup.cs file. The Kendo Editor templates are included in the ~Views\Shared\EditorTemplates folder.
Standard

The Standard template features:

  • Everything from the Blank Project.
  • Responsive Panel and Menu in _Layout.cshtml.
  • PanelBar in Index.cshtml.
  • TabStrip in Contact.cshtml.
  • HTML styled with [Cards](https://docs.telerik.com/aspnet-core/styles-and-layout/cards) CSS in About.cshtml.
Grid and Menu

The Grid and Menu template features:

  • Everything from the Blank Project.
  • Buttons and Grid in Index.cshtml.
  • Responsive Panel and Menu in _Layout.cshtml.
Grid Razor Pages The Grid Razor Pages template includes everything from the Blank Project. It features an editable grid in Index.cshtml that uses handlers to obtain and manipulate its data. It shows how to send the Anti-forgery Tokens as well.
Dashboard

The Dashboard template features:

  • Everything from the Blank Project except the editor templates.
  • A TileLayout with Charts and Grids in Index.cshtml as well as a Shared DataSource and dynamicaly populated templates.
Admin

The Admin is a Razor Pages template configured with TagHelpers. It features:

Themes

The Select Theme option allows you to preview all of the available LESS and SASS themes and select the desired one. After the selection is made, the project will include only the files that are required by the selected theme in the _Layout.cshtml.

Project Wizard Select Theme

Creating the Application

After configuring the settings of the project, click Finish to start creating the new ASP.NET Core application.

As a result, the wizard:

  • Creates a new ASP.NET Core application.
  • Adds CDN references for the Kendo UI styles and scripts to the Layout file of the project.
  • Copies all Kendo UI editor templates.
  • Adds a package reference to the Telerik.UI.for.AspNet.Core NuGet package.

The wizard creates a Templates folder in the root of the application. By default, the Templates folder is not visible and is not included in the project. To display it, select the Show All Files button in the Solution Explorer of Visual Studio.

See Also

In this article
Not finding the help you need? Improve this article