Add Controls to a Project

• Mar 24, 2026

Note

This tutorial applies exclusively to UI Controls. To get started with other controls, refer to the following help topics:

• Rich Text Editor
• Spreadsheet
• Report Designer
• Document Viewer
• BI Dashboard

Follow the instructions below to add a control to your application:

1. Open a Razor file (.cshtml).
2. Call the DevExtreme() HtmlHelper extension method.
3. Call the control’s builder method.

For example, the following code adds the Button control to the Index.cshtml file:

• Index.cshtml

@using MyApp.Models

<h2>Home</h2>

@(Html.DevExtreme()
    .Button() // adds the Button control
    // specifies the control's id and text
    .ID("submitButton")
    .Text("submit")
)

Refer to Create a Control and Scaffold Controls for more information on how to configure controls.