Telerik UI for ASP.NET MVC Visual Studio Integration Overview

To integrate with Visual Studio, Telerik provides the Progress® Telerik® UI for ASP.NET MVC Visual Studio (VS) Extensions. They enhance the experience in developing web applications with Telerik UI for ASP.NET MVC.

The VS Extensions come with handy templates that ease the creation of new projects. They also help you add Telerik UI for ASP.NET MVC to an existing project or upgrade the UI for ASP.NET MVC version. The Telerik UI for ASP.NET MVC VS extensions support VS 2022, 2019 and 2017, and are distributed through the Telerik UI for ASP.NET MVC installer and the Visual Studio Marketplace.

Telerik UI for ASP.NET MVC Ninja image
New to Telerik UI for ASP.NET MVC?

Telerik UI for ASP.NET MVC is a professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

The VS extensions provide wizards that allow you to automate the following procedures:

  • Project Creation wizard—allows you to use pre-configured project templates that include the required package references and client-side resources. These templates enable the quick deployment of popular components like Grid and Menu or even entire Dashboard applications. With the Project Creation wizard you can:

    • Select the ASP.NET MVC version and target framework.
    • Select the Telerik UI for ASP.NET MVC version that you want to use.
  • Project Conversion—automatically configures any existing ASP.NET MVC application to use the Telerik UI components, and turns it into a complete Telerik application. The wizard lets you select between using CDN or local files for the client-side resources.
  • Project Configuration—allows you to change the visual theme and to configure the right-to-left support, localization, and CDN use in existing projects that are already configured to use the Telerik UI components.
  • Update notifications—the VS Extensions notify you when a new version of Telerik UI for ASP.NET MVC is available and allow you to upgrade your applications.
  • The Project Creation and Conversion wizards let you select a visual theme so that only the necessary CSS files are included.

Installing the Extensions

There are three ways to install the VS Extensions:

Installing with the MSI

To install the Telerik UI for ASP.NET MVC Visual Studio Extensions, run the Telerik UI for ASP.NET MVC installer and verify that the Visual Studio Extensions are selected for installation.

Installing from Visual Studio Marketplace

Go to the Visual Studio Marketplace and select the desired version:

When the download is complete, navigate to the download folder and click on the downloaded TelerikUI.Mvc.VSPackage.X64.vsix or TelerikUI.Mvc.VSPackage.vsix file to install the extensions.

Installing in Visual Studio

  1. Launch Visual Studio.
  2. Select Extensions from the top menu. (In Visual Studio 2017, this menu is called Tools.)
  3. Click Manage Extensions from the drop-down menu. (In Visual Studio 2017, this menu is called Extensions and Updates.)
  4. Click Online to the left and select Visual Studio Marketplace.
  5. In the Search text box, enter Telerik ASP.NET MVC VSExtensions
  6. Select the extension and click Download.
  7. Visual Studio will apply the changes automatically once you close all Microsoft Visual Studio windows.

Using the Telerik VS Extensions in VS 2019 and later

  • To access the VS extensions from the VS Toolbar, go to Extensions > Telerik > Telerik UI for ASP.NET MVC. Choose one of the two options - Create New Project or Convert to Telerik Application.

  • To access the template projects, go to File > New > Project and search for Telerik.

Using the Telerik VS Extensions in VS 2017

  • To access the VS extensions from the VS, go to Telerik > Telerik UI for ASP.NET MVC. Choose from one of the two options - Create New Project or Convert to Telerik Application.

    UI for ASP.NET MVC Visual Studio with no selected projects UI for ASP.NET MVC The selected project in VS is a standard ASP.NET MVC 5 web application

  • To access the template projects, go to File > New > Project and click on Installed > Telerik or search for Telerik in the search textbox on the right.

    UI for ASP.NET MVC The added project templates

These templates are available in the C# and VB language-specific nodes of the dialog as well. The Add New Project dialog contains the Telerik UI for ASP.NET MVC web application under both the CSharp\Web and Visual Basic\Web nodes.

The following additional project templates are also available:

The ASP.NET project wizard also contains the Telerik UI for ASP.NET MVC web application.

UI for ASP.NET MVC The MVC wizard

Telerik UI for ASP.NET MVC Settings

You can find the Telerik UI for ASP.NET MVC VS Extensions settings in the standard Visual Studio options dialog under the Telerik node.

See Also

In this article