[Expand]General Information
[Expand]WinForms Controls
[Collapse]ASP.NET Controls and MVC Extensions
 [Expand]Prerequisites
 [Expand]What's Installed
 [Expand]Common Concepts
 [Collapse]ASP.NET WebForms Controls
   Getting Started
  [Expand]Grid View
  [Expand]Tree List
  [Expand]Card View
  [Expand]Reporting
  [Expand]Chart Control
  [Expand]Pivot Grid
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]Scheduler
  [Expand]Site Navigation and Layout
  [Expand]HTML Editor
  [Expand]Gauges
  [Expand]Vertical Grid
  [Expand]Data Editors
  [Expand]Docking and Popups
  [Expand]File Management
  [Expand]Data and Image Navigation
  [Expand]Multi-Use Site Controls
  [Expand]Spell Checker
  [Expand]Query Builder
 [Expand]ASP.NET MVC Extensions
 [Expand]Localization
 [Expand]Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Reporting
[Expand]Report and Dashboard Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

Getting Started

The DevExpress ASP.NET WebForms controls require configuring a web application (or website) before adding a control to a form. This topic explains how to configure your project to work with DevExpress ASP.NET WebForms controls and Navigates to the tutorials and includes the following sections.

Expanded Contents

Expanded Creating a New Project with DevExpress Templates

Follow the instruction below to create a new project configured for DevExpress ASP.NET Web Forms controls using DevExpress Template Gallery. Note that some templates run the Project Wizard which allows you to customize project settings before generating it.

Note

This section describes creating a Web Site project using the WebForms Web Site project template. However, you can use the same approach to create a Web Application using the WebForms Web Application project template.

  1. In Visual Studio, press Shift+Alt+N to create a new site. In the invoked dialog, select DevExpress Template Gallery and click OK.

  2. Select the type of WebForms project template: Empty Web Site, Web Site, Responsive Web Site, or Blog Web Site in the Template Gallery.

    • The Empty Web Site template does not allow specifying extended website settings using the Project Wizard. However, the created project is configured to work with DevExpress ASP.NET WebForms controls.
    • The Web Site, Responsive Web Site, and Blog Web Site templates provide extended configuration settings that are specified in the Project Wizard.

    Click Run Wizard (or Create Project for Empty Web Site) after selecting the template.

  3. In the invoked DevExpress ASP.NET Project Wizard, specify the project settings: content, configuration (stored in the web.config file), and appearance (theme). Note that you can skip this stage if do not need to specify these settings. Once you are done, click Create Project.

The created project is configured to work with DevExpress ASP.NET WebForms controls. Projects that use a non-empty template includes web pages that are coded using DevExpress controls.

Expanded Integrating DevExpress Controls into Existing Project

DevExpress ASP.NET Web Forms controls require modifying the web.config file to use components. The instruction below lists the actions that you should perform to run DevExpress ASP.NET WebForms controls in your existing project. Refer to the Web.config Modifications Overview topic to learn more about options that should be specified to provide DevExpress ASP.NET controls’ functionality.

  1. In Visual Studio, run the DevExpess Project Wizard as shown in the picture below.

  2. In the invoked wizard, specify the project settings: configuration (stored in the web.config file) and appearance (theme). Note that you can skip this stage if do not need to specify these settings. Once you are done, click Update Project.

  3. Make sure that the web.config file includes the httpModule section and devExpress section group in the markup.

The configuration strings added to the web.config file allow you to use DevExpress ASP.NET WebForms controls in your project. You can find more information about modifying the web.config file in the Web.config Modifications Overview topic.

Expanded When the Project is Ready to Use

When your project is configured to use DevExpress ASP.NET WebForms controls, you can refer to following topics that describe controls and their capabilities.

Controls

The tutorials below describe how you can start using a DevExpress ASP.NET WebForms control.

Data and Analytics

Scheduling

Office Controls

Common Controls

Common Concepts

DevExpress ASP.NET controls share many features - you can use a similar approach to set a control's look and feel, bind it to data, format its values, and localize resources. Refer to the following topics to learn more about these features:

Is this topic helpful?​​​​​​​