Templates for DevExpress Components

• Jan 31, 2023
• 2 minutes to read

CodeRush allows you to create popular DevExpress components for Blazor. For example, type fl and press Tab (or Space, depending on your settings) to create a DxFormLayout Blazor component with fields. These fields allow you to quickly change properties. When the caret is inside the DxFormLayout component, you can expand the i template to create a new layout item.

Important

Visual Studio IntelliSense has priority over CodeRush templates. For information on how to prioritize a CodeRush template over Visual Studio IntelliSense, refer to the following topic section: Expand a Template Instead of Visual Studio IntelliSense.

The following tables list templates for DevExpress Blazor components:

Button

Template	Description
xb	Creates a Button component (DxButton).

Chart

Code templates for creating charts:

Template	Description
xch	Creates a chart component (DxChart).
rb	Creates a range bar series (DxChartRangeBarSeries). You can expand this template on an empty line inside a DxChart.

Navigation and Layout Components

Template	Description
xcm	Creates a Context Menu component (DxContextMenu). Use the “i” code template (see below) to add menu items.
fl	Creates a Form Layout component (DxFormLayout). Use the “i” code template (see below) to add form layout items.
xpa	Creates a Pager component (DxPager).
xpop	Creates a Popup component (DxPopup).
xsl	Creates a Stack Layout component (DxStackLayout).
ta	Creates a Tab (DxTab) inside a Tabs component.
tp	Creates a Tab with content (DxTabPage) inside a Tabs component.
xta	Creates a Tabs component (DxTabs).
xtb	Creates a Toolbar component (DxToolbar).
xtv	Creates a TreeView component (DxTreeView). Use the “n” code template (see below) to add nodes.

Items

Use the “i” code template to add child items to parent components.

Template	Description
i	Creates a DxContextMenuItem, DxFormLayoutItem, DxStackLayoutItem, or DxDataGridSummaryItem inside the corresponding parent component.

Nodes

Use the “n” code template to add child nodes to a tree view.

Template	Description
n	Creates a DxTreeViewNode inside the TreeView component.

Pivot Grid

Template	Description
xpg	Creates a pivot grid component (DxPivotGrid).
f	Creates a pivot grid field (DxPivotGridField). Expand this code template on an empty line inside a DxPivotGrid to create the field.

Reports

Template	Description
xdv	Creates a DxDocumentViewer component that is used to publish (preview, print, and export) documents in Blazor applications (DxDocumentViewer).
xrd	Creates a DxReportDesigner component to create an End-User Report Designer in Blazor applications (DxReportDesigner).

Scheduler

Template	Description
xsch	Creates a calendar and scheduler component (DxScheduler).

Upload

Template	Description
xup	Creates an Upload component (DxUpload).