DevExtreme.AspNet.Mvc

The Accordion UI component contains several panels displayed one under another. These panels can be collapsed or expanded by an end user, which makes this UI component very useful for presenting information in a limited amount of space.

Specifies an HTML id for the widget's root element.

Specifies a JS expression calculating an HTML id for the root element of the widget defined within a template.

Specifies an option by its name.

Specifies whether the UI component item responds to user interaction.

Specifies html code inserted into the UI component item element.

Specifies the icon to be displayed in the panel's title.

Specifies a template that should be used to render this item only.

Specifies text displayed for the UI component item.

Specifies text displayed for the UI component item title.

Specifies whether or not a UI component item must be displayed.

The ActionSheet UI component is a sheet containing a set of buttons located one under the other. These buttons usually represent several choices relating to a single task.

Specifies an HTML id for the widget's root element.

Specifies a JS expression calculating an HTML id for the root element of the widget defined within a template.

Specifies an option by its name.

Specifies whether the UI component item responds to user interaction.

Specifies the icon to be displayed on the action sheet button.

A handler for the click event raised for the button representing the given action sheet button.

Specifies a template that should be used to render this item only.

Specifies text displayed for the UI component item.

Specifies the type of the button that represents an action sheet item.

A function that is executed before data is loaded.

A function that is executed after data is loaded.

A function that is executed before a data item is added.

A function that is executed after a data item is added.

A function that is executed before a data item is updated.

A function that is executed after a data item is updated.

A function that is executed before a data item is removed.

A function that is executed after a data item is removed.

A function that is executed before a data item is added, updated, or removed.

A function that is executed after a data item is added, updated, or removed.

A function that is executed before changes are pushed.

A function that is executed when an error occurs.

Specifies the key property or properties.

A key property or properties.

Specifies the array associated with the Store.

An array.

Specifies the array associated with the Store.

A function that is executed before data is loaded.

A function that is executed after data is loaded.

A function that is executed before a data item is added.

A function that is executed after a data item is added.

A function that is executed before a data item is updated.

A function that is executed after a data item is updated.

A function that is executed before a data item is removed.

A function that is executed after a data item is removed.

A function that is executed before a data item is added, updated, or removed.

A function that is executed after a data item is added, updated, or removed.

A function that is executed before changes are pushed.

A function that is executed when an error occurs.

Specifies the route to use.

A route name.

Specifies access to a different area's data controller.

An area name.

Specifies the data controller to access.

A controller name.

Specifies the controller action used to load data.

An action name.

Specifies the controller action used to update data.

An action name.

Specifies the controller action used to insert data.

An action name.

Specifies the controller action used to delete data.

An action name.

Specifies that the controller action decorated with the HttpPost attribute should be used.

Specifies that the controller action decorated with the HttpPut attribute should be used.

Specifies that the controller action decorated with the HttpDelete attribute should be used.

Specifies how data returned by is treated.

Specifies whether raw data should be saved in the cache. Applies only if is .

Specifies an option by its name.

Specifies the maximum number of items the page can contain.

Specifies whether a DataSource loads data by pages, or all items at once.

A handler for the loadError event.

A handler for the loadingChanged event.

The item mapping function.

The data post processing function.

Specifies the fields to select from data objects.

Specifies data sorting options.

Specifies data filtering conditions.

Specifies data grouping options.

Specifies the fields to search.

Specifies the comparison operation used in searching.

Specifies whether to reload data after receiving a push update.

Specifies the period (in milliseconds) when changes are aggregated before pushing them to the DataSource.

A function that is executed before data is loaded.

A function that is executed after data is loaded.

A function that is executed before a data item is added.

A function that is executed after a data item is added.

A function that is executed before a data item is updated.

A function that is executed after a data item is updated.

A function that is executed before a data item is removed.

A function that is executed after a data item is removed.

A function that is executed before a data item is added, updated, or removed.

A function that is executed after a data item is added, updated, or removed.

A function that is executed before changes are pushed.

A function that is executed when an error occurs.

Specifies the key property or properties.

A function used to customize a web request before it is sent.

Specifies whether or not dates found in the response are deserialized.

Specifies whether the ODataStore uses the JSONP approach to access non-CORS-compatible remote services.

Specifies the type of the key property or properties.

Specifies the types of data fields.

Specifies whether to convert string values to lowercase in filter and search requests. Applies to the following operations: "startswith", "endswith", "contains", and "notcontains".

Specifies the URL of the OData entity to access.

Specifies the version of the OData protocol used to interact with the data service.

Specifies whether to send cookies and authorization headers to foreign domains in a cross-origin request.

Specifies the navigation properties that are loaded with the OData entity.

A function that is executed before data is loaded.

A function that is executed after data is loaded.

A function that is executed before a data item is added.

A function that is executed after a data item is added.

A function that is executed before a data item is updated.

A function that is executed after a data item is updated.

A function that is executed before a data item is removed.

A function that is executed after a data item is removed.

A function that is executed before a data item is added, updated, or removed.

A function that is executed after a data item is added, updated, or removed.

A function that is executed before changes are pushed.

A function that is executed when an error occurs.

Specifies the URL used to load data.

A URL string.

Specifies the URL used to insert data.

A URL string.

Specifies the URL used to update data.

A URL string.

Specifies the URL used to delete data.

A URL string.

Specifies how data returned by is treated.

Specifies whether raw data should be saved in the cache. Applies only if is .

A function that is executed before data is loaded.

A function that is executed after data is loaded.

A function that is executed before a data item is added.

A function that is executed after a data item is added.

A function that is executed before a data item is updated.

A function that is executed after a data item is updated.

A function that is executed before a data item is removed.

A function that is executed after a data item is removed.

A function that is executed before a data item is added, updated, or removed.

A function that is executed after a data item is added, updated, or removed.

A function that is executed before changes are pushed.

A function that is executed when an error occurs.

Specifies the key property or properties.

A key property or properties.

Specifies the URL used to load JSON data.

A URL string.

Specifies whether to cache loaded JSON data.

A flag specifying whether data caching is enabled.

Specifies the key property or properties.

A key property or properties.

Specifies a function used to customize a web request before it is sent.

A JavaScript function.

Specifies a function used to customize a web request before it is sent.

A RazorBlock containing a JavaScript function.

Specifies additional parameters to pass with the load request.

Load parameters.

Specifies the HTTP method for load requests; "GET" by default. Requires DevExtreme.AspNet.Data >= 1.4.

An HTTP method.

Specifies the HTTP method for update requests; "PUT" by default.

An HTTP method.

Specifies the HTTP method for insert requests; "POST" by default.

An HTTP method.

Specifies the HTTP method for delete requests; "DELETE" by default.

An HTTP method.

Adds a sorting option.

The name of the field that provides sorting values. A flag specifying whether to sort data in descending order.

Specifies the database that contains the OLAP cube to use.

Specifies the name of the OLAP cube to use from the catalog.

Specifies a function used to customize a web request before it is sent.

A custom validation rule that is checked asynchronously. Use async rules for server-side validation.

Specifies an option by its name.

If true, the validationCallback is not executed for null, undefined, false, and empty strings.

Specifies the message that is shown if the rule is broken.

Indicates whether the rule should always be checked for the target value or only when the value changes.

A function that validates the target value.

The Autocomplete UI component is a textbox that provides suggestions while a user types into it.

Specifies an HTML id for the widget's root element.

Specifies a JS expression calculating an HTML id for the root element of the widget defined within a template.

Specifies an option by its name.

Specifies whether the UI component item responds to user interaction.

Specifies html code inserted into the UI component item element.

Specifies a template that should be used to render this item only.

Specifies text displayed for the UI component item.

Specifies whether or not a UI component item must be displayed.

The Box UI component allows you to arrange various elements within it. Separate and adaptive, the Box UI component acts as a building block for the layout.

Specifies an HTML id for the widget's root element.

Specifies a JS expression calculating an HTML id for the root element of the widget defined within a template.

Specifies an option by its name.

Specifies the base size of an item element along the main direction.

Holds a Box configuration object for the item.

Specifies whether the UI component item responds to user interaction.

Specifies html code inserted into the UI component item element.

Specifies the ratio value used to count the item element size along the main direction.

A factor that defines how much an item shrinks relative to the rest of the items in the container.

Specifies a template that should be used to render this item only.

Specifies text displayed for the UI component item.

Specifies whether or not a UI component item must be displayed.

The Button UI component is a simple button that performs specified commands when a user clicks it.

Specifies an HTML id for the widget's root element.

Specifies a JS expression calculating an HTML id for the root element of the widget defined within a template.

Specifies an option by its name.

The ButtonGroup is a UI component that contains a set of toggle buttons and can be used as a mode switcher.

Specifies an HTML id for the widget's root element.

Specifies a JS expression calculating an HTML id for the root element of the widget defined within a template.

Specifies an option by its name.

Specifies whether the UI component item responds to user interaction.

Specifies a text for the hint that appears when the button is hovered over or long-pressed.

Specifies the icon to be displayed on the button.

Specifies a template that should be used to render this item only.

Specifies text displayed for the UI component item.

Specifies the button type.

Specifies whether or not a UI component item must be displayed.

The Calendar is a UI component that displays a calendar and allows an end user to select the required date within a specified date range.

Specifies an HTML id for the widget's root element.

Specifies a JS expression calculating an HTML id for the root element of the widget defined within a template.

Specifies an option by its name.

The CheckBox is a small box, which when selected by the end user, shows that a particular feature has been enabled or a specific property has been chosen.

Specifies an HTML id for the widget's root element.

Specifies a JS expression calculating an HTML id for the root element of the widget defined within a template.

Specifies an option by its name.

The ColorBox is a UI component that allows an end user to enter a color or pick it out from the drop-down editor.

Specifies an HTML id for the widget's root element.

Specifies a JS expression calculating an HTML id for the root element of the widget defined within a template.

Specifies an option by its name.

A validation rule that demands that a validated editor has a value that is equal to a specified expression.

Specifies an option by its name.

Specifies the function whose return value is used for comparison with the validated value.

Specifies the operator to be used for comparing the validated value with the target.

If set to true, empty values are valid.

Specifies the message that is shown if the rule is broken.

Indicates whether or not the rule should be always checked for the target value or only when the target value changes.

Specifies an option by its name.

The ContextMenu UI component displays a single- or multi-level context menu. An end user invokes this menu by a right click or a long press.

Specifies an HTML id for the widget's root element.

Specifies a JS expression calculating an HTML id for the root element of the widget defined within a template.

Specifies an option by its name.

An array of currently selected item objects.

Specifies an option by its name.

Specifies whether a group separator is displayed over the item.

Specifies if a menu is closed when a user clicks the item.

Specifies whether the menu item responds to user interaction.

Specifies the menu item's icon.

Specifies whether or not a user can select a menu item.

Specifies whether or not the item is selected.

Specifies a template that should be used to render this item only.

Specifies the text inserted into the item element.

Specifies whether or not the menu item is visible.

Specifies an option by its name.

A rule with custom validation logic.

Specifies an option by its name.

If true, the validationCallback is not executed for null, undefined, false, and empty strings.

Specifies the message that is shown if the rule is broken.

Indicates whether the rule should be always checked for the target value or only when the target value changes.

A function that validates the target value.

Specifies an option by its name.

An object with updated row fields.

[tags] ctp Zero-based index of a new row. Applies only if the type is 'insert'.

The key of the row being updated or removed.

[tags] ctp Zero-based index of a page into which a new row should be inserted. Applies only if the type is 'insert' and the pager is used.

Data change type.

The DataGrid is a UI component that represents data from a local or remote source in the form of a grid. This UI component offers such basic features as sorting, grouping, filtering, as well as more advanced capabilities, like state storing, client-side exporting, master-detail interface, and many others.

Specifies an HTML id for the widget's root element.

Specifies a JS expression calculating an HTML id for the root element of the widget defined within a template.

Specifies an option by its name.

Specifies the operations that must be performed on the server side.

Specifies an option by its name.

Aligns the content of the column.

Specifies whether a user can edit values in the column at runtime. By default, inherits the value of the editing.allowUpdating property.

Specifies whether data from this column should be exported. Applies only if the column is visible.

Specifies whether data can be filtered by this column. Applies only if filterRow.visible is true.

Specifies whether a user can fix the column at runtime. Applies only if columnFixing.enabled is true.

Specifies whether the user can group data by values of this column. Applies only when grouping is enabled.

Specifies whether the header filter can be used to filter data by this column. Applies only if headerFilter.visible is true. By default, inherits the value of the allowFiltering property.

Specifies whether a user can hide the column using the column chooser at runtime. Applies only if columnChooser.enabled is true.

Specifies whether this column can be used in column reordering at runtime. Applies only if allowColumnReordering is true.

Specifies whether a user can resize the column at runtime. Applies only if allowColumnResizing is true.

Specifies whether this column can be searched. Applies only if searchPanel.visible is true. Inherits the value of the allowFiltering property by default.

Specifies whether a user can sort rows by this column at runtime. Applies only if sorting.mode differs from 'none'.

Specifies whether groups appear expanded or not when records are grouped by a specific column. Setting this property makes sense only when grouping is allowed for this column.

Allows you to customize buttons in the edit column or create a custom command column. Applies only if the column's type is 'buttons'.

Calculates custom cell values. Use this function to create an unbound data column.

Calculates custom display values for column cells. Requires specifying the dataField or calculateCellValue property. Used in lookup optimization.

Specifies the column's custom rules to filter data.

Sets custom column values used to group grid records.

Calculates custom values used to sort this column.

Specifies a caption for the column.

Specifies a custom template for data cells.

An array of grid columns.

Specifies a CSS class to be applied to the column.

Customizes the text displayed in column cells.

Binds the column to a field of the dataSource.

Casts column values to a specific data type.

Specifies a custom template for data cells in editing state.

Configures the default UI component used for editing and filtering in the filter row.

Specifies whether HTML tags are displayed as plain text or applied to the values of the column.

In a boolean column, replaces all false items with a specified text. Applies only if showEditorAlways property is false.

Specifies available filter operations. Applies if allowFiltering is true and the filterRow and/or filterPanel are visible.

Specifies whether a user changes the current filter by including (selecting) or excluding (clearing the selection of) values. Applies only if headerFilter.visible and allowHeaderFiltering are true.

Specifies the column's filter value displayed in the filter row.

Specifies values selected in the column's header filter.

Fixes the column.

Specifies the UI component's edge to which the column is fixed. Applies only if columns[].fixed is true.

Formats a value before it is displayed in a column cell.

Configures the form item that the column produces in the editing state. Applies only if editing.mode is 'form' or 'popup'.

Specifies a custom template for group cells (group rows).

Specifies the index of a column when grid records are grouped by the values of this column.

Specifies a custom template for column headers.

Specifies data settings for the header filter.

Specifies the order in which columns are hidden when the UI component adapts to the screen or container size. Ignored if allowColumnResizing is true and columnResizingMode is 'widget'.

Specifies whether the column organizes other columns into bands.

Specifies properties of a lookup column.

Specifies the minimum width of the column.

Specifies the column's unique identifier. If not set in code, this value is inherited from the dataField.

Specifies the band column that owns the current column. Accepts the index of the band column in the columns array.

Specifies whether to render the column after other columns and elements. Use if column cells have a complex template. Requires the width property specified.

Specifies a filter operation that applies when users use the filter row to filter the column.

Specifies a function to be invoked after the user has edited a cell value, but before it will be saved in the data source.

Specifies whether the column displays its values using editors.

Specifies whether the column chooser can contain the column header.

Specifies whether or not to display the column when grid records are grouped by it.

Specifies the index according to which columns participate in sorting.

Specifies a custom comparison function for sorting. Applies only when sorting is performed on the client.

Specifies the sort order of column values.

In a boolean column, replaces all true items with a specified text. Applies only if showEditorAlways property is false.

Specifies the command column that this object customizes.

Specifies validation rules to be checked when cell values are updated.

Specifies whether the column is visible, that is, occupies space in the table.

Specifies the position of the column regarding other columns in the resulting UI component.

Specifies the column's width in pixels or as a percentage. Ignored if it is less than minWidth.

Specifies a set of available filter operations. Applies only if filterRow.visible and allowFiltering are true.

Specifies an option by its name.

Specifies a CSS class to be applied to the button.

Specifies the text for the hint that appears when the button is hovered over or long-pressed.

Specifies the button's icon.

The name used to identify a built-in button.

A function that is executed when the button is clicked or tapped. Not executed if a template is used.

Specifies a custom button template.

Specifies the button's text. Applies only if the button's icon is not specified.

Specifies the button's visibility.

Specifies an option by its name.

Specifies data settings for the header filter.

Specifies an option by its name.

Specifies whether searching is enabled in the header filter.

Specifies the header filter's data source.

Specifies how the header filter combines values into groups. Does not apply if you specify a custom header filter data source.

Specifies the height of the popup menu containing filtering values.

Specifies a comparison operation used to search header filter values.

Specifies the width of the popup menu containing filtering values.

Specifies properties of a lookup column.

Specifies an option by its name.

Specifies whether to display the Clear button in lookup column cells while they are being edited.

Specifies the data source for the lookup column.

Specifies the data source field whose values must be displayed.

Specifies the data field whose values should be replaced with values from the displayExpr field.

Specifies an option by its name.

Specifies whether to show the load panel or not.

Specifies an option by its name.

Specifies whether the pager is visible.

Specifies an option by its name.

Specifies whether the widget should use native or simulated scrolling.

Specifies an option by its name.

The DateBox is a UI component that displays date and time in a specified format, and enables a user to pick or type in the required date/time value.

Specifies an HTML id for the widget's root element.

Specifies a JS expression calculating an HTML id for the root element of the widget defined within a template.

Specifies an option by its name.

The Diagram UI component provides a visual interface to help you design new and modify existing diagrams.

Specifies an HTML id for the widget's root element.

Specifies a JS expression calculating an HTML id for the root element of the widget defined within a template.

Specifies an option by its name.

An object that provides information about a custom command in the Diagram UI component.

Specifies an option by its name.

Specifies the custom command's icon.

Lists command sub items.

Specifies the custom command's identifier.

Specifies the custom command's text and tooltip text.

Specifies an option by its name.

Draggable is a user interface utility that allows UI component elements to be dragged and dropped.

Specifies an HTML id for the widget's root element.

Specifies a JS expression calculating an HTML id for the root element of the widget defined within a template.

Specifies an option by its name.

The Drawer is a dismissible or permanently visible panel used for navigation in responsive web application layouts.

Specifies an HTML id for the widget's root element.

Specifies a JS expression calculating an HTML id for the root element of the widget defined within a template.

Specifies an option by its name.

The DropDownBox UI component consists of a text field, which displays the current value, and a drop-down field, which can contain any UI element.

Specifies an HTML id for the widget's root element.

Specifies a JS expression calculating an HTML id for the root element of the widget defined within a template.

Specifies an option by its name.

Specifies whether the UI component item responds to user interaction.

Specifies html code inserted into the UI component item element.

Specifies a template that should be used to render this item only.

Specifies text displayed for the UI component item.

Specifies whether or not a UI component item must be displayed.

The DropDownButton is a button that opens a drop-down menu.

Specifies an HTML id for the widget's root element.

Specifies a JS expression calculating an HTML id for the root element of the widget defined within a template.

Specifies an option by its name.

Specifies the text of a badge displayed for the list item.

Specifies whether the UI component item responds to user interaction.

Specifies html code inserted into the UI component item element.

Specifies the list item's icon.

A handler for the click event raised for a certain item in the drop-down field.

Specifies a template that should be used to render this item only.

Specifies text displayed for the UI component item.

Specifies whether or not a UI component item must be displayed.

A validation rule that demands that the validated field match the Email pattern.

Specifies an option by its name.

If set to true, empty values are valid.

Specifies the message that is shown if the rule is broken.

The FileManager is a UI component that allows users to upload, select, and manage files and directories in different file storages.

Specifies an HTML id for the widget's root element.

Specifies a JS expression calculating an HTML id for the root element of the widget defined within a template.

Specifies an option by its name.

Configures the context menu.

Specifies an option by its name.

Configures context menu items' settings.

Configures the context menu item.

Specifies an option by its name.

Specifies whether a group separator is displayed over the item.

Specifies if a menu is closed when a user clicks the item.

Specifies whether the menu item responds to user interaction.

Specifies the menu item's icon.

Configures settings of a context menu item's subitems.

Specifies the context menu item's name.

Specifies whether or not a user can select a menu item.

Specifies whether or not the item is selected.

Specifies the text inserted into the item element.

Specifies the context menu item's visibility.

Configures the column.

Specifies an option by its name.

Specifies the column alignment.

Specifies the column caption.

Specifies a CSS class to be applied to the column.

Specifies which data field provides data for the column.

Casts column values to a specific data type.

Specifies the order in which columns are hidden when the UI component adapts to the screen or container size.

Specifies the order in which the column is sorted.

Specifies the sort order of column values.

Specifies the column visibility.

Specifies the position of the column in the resulting UI component.

Specifies the column width.

Specifies an option by its name.

Configures the toolbar.

Specifies an option by its name.

Configures settings of the toolbar items that are visible when users select files.

Configures toolbar items' settings.

Configures the toolbar item.

Specifies an option by its name.

Specifies a CSS class to be applied to the item.

Specifies whether the UI component item responds to user interaction.

Specifies the icon to be displayed on the toolbar item.

Specifies when to display an item in the toolbar's overflow menu.

Specifies the toolbar item's location.

Specifies the toolbar item's name.

Specifies when to display the text for the UI component item.

Specifies text displayed for the UI component item.

Specifies the toolbar item's visibility.

A UI component that presents a toolbar item. To configure it, use the options object.

Specifies an option by its name.

The FileUploader UI component enables an end user to upload files to the server. An end user can select files in the file explorer or drag and drop files to the FileUploader area on the page.

Specifies an HTML id for the widget's root element.

Specifies a JS expression calculating an HTML id for the root element of the widget defined within a template.

Specifies an option by its name.

The FilterBuilder UI component allows a user to build complex filter expressions with an unlimited number of filter conditions, combined by logical operations using the UI.

Specifies an HTML id for the widget's root element.

Specifies a JS expression calculating an HTML id for the root element of the widget defined within a template.

Specifies an option by its name.

Specifies a function that returns a filter expression for this custom operation.

Specifies the operation's caption.

Customizes the field value's text representation.

Specifies for which data types the operation is available by default.

Specifies a custom template for the UI component used to edit the field value.

Specifies whether the operation can have a value. If it can, the editor is displayed.

Specifies the icon that should represent the filter operation.

Specifies the operation's identifier.

The FilterBuilder's field structure.

Specifies an option by its name.

Specifies the field's custom rules to filter data.

Specifies the data field's caption.

Customizes the input value's display text.

Specifies the name of a field to be filtered.

Casts field values to a specific data type.

Configures the UI component used to edit the field value.

Specifies the editor's custom template.

Specifies the false value text. Applies only if dataType is 'boolean'.

Specifies a set of available filter operations.

Formats a value before it is displayed.

Configures the lookup field.

Specifies the field's name. Use it to distinguish the field from other fields when they have identical dataField values.

Specifies the true value text. Applies only if dataType is 'boolean'.

Configures the lookup field.

Specifies an option by its name.

Specifies whether to display the Clear button in the lookup field while it is being edited.

Specifies the lookup data source.

Specifies the data field whose values should be displayed.

Specifies the data field whose values should be replaced with values from the displayExpr field.

Specifies an option by its name.

Formats values.

Specifies an option by its name.

Specifies a 3-letter ISO 4217 code for currency. Applies only if the type is 'currency'.

A function that converts numeric or date-time values to a string.

Parses string values into numeric or date-time values. Can be used with formatter or one of the predefined formats.

Specifies a precision for values of a numeric format.

Specifies a predefined format. Does not apply if you have specified the formatter function.

The Form UI component represents fields of a data object as a collection of label-editor pairs. These pairs can be arranged in several groups, tabs and columns.

Specifies an HTML id for the widget's root element.

Specifies a JS expression calculating an HTML id for the root element of the widget defined within a template.

Specifies an option by its name.

Configures a button form item.

Specifies an option by its name.

Configures the button.

Specifies how many columns the item spans.

Specifies a CSS class to be applied to the item.

Specifies the button's horizontal alignment.

Specifies the item's identifier.

Specifies the button's vertical alignment.

Specifies whether the item is visible.

Specifies the item's position regarding other items in a group, tab, or the whole UI component.

Specifies an option by its name.

The count of columns for a large screen size.

The count of columns for a middle-sized screen.

The count of columns for a small-sized screen.

The count of columns for an extra small-sized screen.

This article describes configuration properties of an empty form item.

Specifies an option by its name.

Specifies the number of columns spanned by the item.

Specifies a CSS class to be applied to the form item.

Specifies a name that identifies the form item.

Specifies whether or not the current form item is visible.

Specifies the sequence number of the item in a form, group or tab.

This article describes configuration properties of a group form item.

Specifies an option by its name.

Specifies whether or not all group item labels are aligned.

Specifies the group caption.

The count of columns in the group layout.

Specifies the relation between the screen size qualifier and the number of columns in the grouped layout.

Specifies the number of columns spanned by the item.

Specifies a CSS class to be applied to the form item.

Holds an array of form items displayed within the group.

Specifies a name that identifies the form item.

A template to be used for rendering a group item.

Specifies whether or not the current form item is visible.

Specifies the sequence number of the item in a form, group or tab.

Specifies the relation between the screen size qualifier and the number of columns in the grouped layout.

Specifies an option by its name.

The count of columns for a large screen size.

The count of columns for a middle-sized screen.

The count of columns for a small-sized screen.

The count of columns for an extra small-sized screen.

Specifies properties for the form item label.

Specifies an option by its name.

Specifies the label's horizontal alignment.

Specifies the location of a label against the editor.

Specifies whether or not a colon is displayed at the end of the current label.

Specifies the label text.

Specifies whether or not the label is visible.

This article describes configuration properties of a simple form item.

Specifies an option by its name.

Specifies the number of columns spanned by the item.

Specifies a CSS class to be applied to the form item.

Specifies the path to the formData object field bound to the current form item.

Specifies which editor UI component is used to display and edit the form item value.

Specifies the help text displayed for the current form item.

Specifies whether the current form item is required.

Specifies properties for the form item label.

Specifies a name that identifies the form item.

A template that can be used to replace the default editor with custom content.

An array of validation rules to be checked for the form item editor.

Specifies whether or not the current form item is visible.

Specifies the sequence number of the item in a form, group or tab.

This article describes configuration properties of a tabbed form item.

Specifies an option by its name.

Specifies the number of columns spanned by the item.

Specifies a CSS class to be applied to the form item.

Specifies a name that identifies the form item.

Holds a configuration object for the TabPanel UI component used to display the current form item.

An array of tab configuration objects.

Specifies whether or not the current form item is visible.

Specifies the sequence number of the item in a form, group or tab.

Specifies the relation between the screen size qualifier and the number of columns in the tabbed layout.

Specifies an option by its name.

The count of columns for a large screen size.

The count of columns for a middle-sized screen.

The count of columns for a small-sized screen.

The count of columns for an extra small-sized screen.

An array of tab configuration objects.

Specifies an option by its name.

Specifies whether or not labels of items displayed within the current tab are aligned.

Specifies a badge text for the tab.

The count of columns in the tab layout.

Specifies the relation between the screen size qualifier and the number of columns in the tabbed layout.

Specifies whether the tab responds to user interaction.

Specifies the icon to be displayed on the tab.

Holds an array of form items displayed within the tab.

The template to be used for rendering the tab.

The template to be used for rendering the tab content.

Specifies the tab title.

The Gallery is a UI component that displays a collection of images in a carousel. The UI component is supplied with various navigation controls that allow a user to switch between images.

Specifies an HTML id for the widget's root element.

Specifies a JS expression calculating an HTML id for the root element of the widget defined within a template.

Specifies an option by its name.

Specifies whether the UI component item responds to user interaction.

Specifies html code inserted into the UI component item element.

Specifies the text passed to the alt attribute of the image markup element.

Specifies the URL of the image displayed by the item.

Specifies a template that should be used to render this item only.

Specifies text displayed for the UI component item.

The Gantt is a UI component that displays the task flow and dependencies between tasks.

Specifies an HTML id for the widget's root element.

Specifies a JS expression calculating an HTML id for the root element of the widget defined within a template.

Specifies an option by its name.

Configures the context menu.

Specifies an option by its name.

Specifies whether the context menu is enabled in the UI component.

Configures context menu item settings.

Specifies an option by its name.

Specifies whether a group separator is displayed over the item.

Specifies if a menu is closed when a user clicks the item.

Specifies whether the menu item responds to user interaction.

Specifies the menu item's icon.

Specifies the context menu item name.

Specifies whether or not a user can select a menu item.

Specifies whether or not the item is selected.

Specifies a template that should be used to render this item only.

Specifies the text inserted into the item element.

Specifies whether or not the menu item is visible.

Specifies an option by its name.

Configures a strip line.

Specifies an option by its name.

Specifies the name of the cascading style sheet (CSS) class associated with the strip line.

Specifies the end point of the strip line.

Specifies the start point of the strip line.

Specifies the strip line's title.

Specifies an option by its name.

Configures the toolbar.

Specifies an option by its name.

Configures toolbar items' settings.

Configures the toolbar item.

Specifies an option by its name.

Specifies a CSS class to be applied to the item.

Specifies whether the UI component item responds to user interaction.

Specifies html code inserted into the UI component item element.

Specifies when to display an item in the toolbar's overflow menu.

Specifies the toolbar item's location.

Specifies a template that should be used to render a menu item.

Specifies the toolbar item's name.

Specifies when to display the text for the UI component item.

Specifies a template that should be used to render this item only.

Specifies text displayed for the UI component item.

Specifies whether or not a UI component item must be displayed.

A UI component that presents a toolbar item. To configure it, use the options object.

Specifies an option by its name.

Specifies the length of an arrow for the indicator of the textCloud type in pixels.

Specifies the background color for the indicator of the rangeBar type.

Specifies the base value for the indicator of the rangeBar type.

Specifies a radius small enough for the indicator to begin adapting.

Specifies a color of the indicator.

Specifies the orientation of the rangeBar indicator. Applies only if the geometry.orientation property is 'vertical'.

Specifies the distance between the needle and the center of a gauge for the indicator of a needle-like type.

Specifies the indicator length.

Specifies the distance between the indicator and the invisible scale line.

Sets the palette to be used to colorize indicators differently.

Specifies the second color for the indicator of the twoColorNeedle type.

Specifies the length of a twoNeedleColor type indicator tip as a percentage.

Specifies the range bar size for an indicator of the rangeBar type.

Specifies the inner diameter in pixels, so that the spindle has the shape of a ring.

Specifies the spindle's diameter in pixels for the indicator of a needle-like type.

Specifies the appearance of the text displayed in an indicator of the rangeBar type.

Specifies the type of gauge indicators.

Specifies the orientation of the rangeBar indicator. Applies only if the geometry.orientation property is 'horizontal'.

Specifies the width of an indicator in pixels.

Specifies the appearance of the text displayed in an indicator of the rangeBar type.

Specifies an option by its name.

Specifies a callback function that returns the text to be displayed in an indicator.

Specifies font properties for the text displayed by the indicator.

Formats a value before it is displayed in an indicator. Accepts only numeric formats.

Specifies the range bar's label indent in pixels.

HtmlEditor is a WYSIWYG editor that allows you to format textual and visual content and to output it in HTML or Markdown. HtmlEditor is built on top of and requires the DevExtreme Quill.

Specifies an HTML id for the widget's root element.

Specifies a JS expression calculating an HTML id for the root element of the widget defined within a template.

Specifies an option by its name.

Specifies media types that can be resized. Currently, only images are supported.

Enables media resizing.

Specifies an option by its name.

Provides data for the suggestion list.

Specifies the data field whose values should be displayed in the suggestion list.

Specifies a custom template for suggestion list items.

Specifies the prefix that a user enters to activate mentions. You can use different prefixes with different dataSources.

Specifies the minimum number of characters that a user should type to trigger the search.

Specifies one or several data fields to search.

Specifies the delay between when a user stops typing and when the search is executed.

Specifies a custom template for mentions.

Specifies which data field provides unique values to the template's `id` parameter.

Specifies an option by its name.

Specifies the container in which to place the toolbar.

Configures toolbar items. These items allow users to format text and execute commands.

Specifies whether or not items are arranged into multiple lines when their combined width exceeds the toolbar width.

Specifies an option by its name.

Specifies values for a format with multiple choices. Should be used with the name.

Specifies a CSS class to be applied to the item.

Specifies whether the UI component item responds to user interaction.

Specifies html code inserted into the UI component item element.

Specifies when to display an item in the toolbar's overflow menu.

Specifies a template that should be used to render a menu item.

Specifies the predefined item that this object customizes or a format with multiple choices.

Specifies when to display the text for the UI component item.

Specifies a template that should be used to render this item only.

Specifies text displayed for the UI component item.

Specifies whether or not a UI component item must be displayed.

A UI component that presents a toolbar item. To configure it, use the options object.

Specifies an option by its name.

Specifies a collection of variables available for a user.

Specifies the special character(s) that should surround the variables.

The List is a UI component that represents a collection of items in a scrollable list.

Specifies an HTML id for the widget's root element.

Specifies a JS expression calculating an HTML id for the root element of the widget defined within a template.

Specifies an option by its name.

Specifies the text of a badge displayed for the list item.

Specifies whether the UI component item responds to user interaction.

Specifies html code inserted into the UI component item element.

Specifies the list item's icon.

Specifies the name of the list items group in a grouped list.

Specifies whether or not to display a chevron for the list item.

Specifies a template that should be used to render this item only.

Specifies text displayed for the UI component item.

Specifies whether or not a UI component item must be displayed.

Specifies an option by its name.

The LoadIndicator is a UI element notifying the viewer that a process is in progress.

Specifies an HTML id for the widget's root element.

Specifies a JS expression calculating an HTML id for the root element of the widget defined within a template.

Specifies an option by its name.

The LoadPanel is an overlay UI component notifying the viewer that loading is in progress.

Specifies an HTML id for the widget's root element.

Specifies a JS expression calculating an HTML id for the root element of the widget defined within a template.

Specifies an option by its name.

The Lookup is a UI component that allows an end user to search for an item in a collection shown in a drop-down menu.

Specifies an HTML id for the widget's root element.

Specifies a JS expression calculating an HTML id for the root element of the widget defined within a template.

Specifies an option by its name.

Specifies whether the UI component item responds to user interaction.

Specifies html code inserted into the UI component item element.

Specifies a template that should be used to render this item only.

Specifies text displayed for the UI component item.

Specifies whether or not a UI component item must be displayed.

Specifies an option by its name.

The Map is an interactive UI component that displays a geographic map with markers and routes.

Specifies an HTML id for the widget's root element.

Specifies a JS expression calculating an HTML id for the root element of the widget defined within a template.

Specifies an option by its name.

The Menu UI component is a panel with clickable items. A click on an item opens a drop-down menu, which can contain several submenus.

Specifies an HTML id for the widget's root element.

Specifies a JS expression calculating an HTML id for the root element of the widget defined within a template.

Specifies an option by its name.

Specifies whether a group separator is displayed over the item.

Specifies if a menu is closed when a user clicks the item.

Specifies whether the menu item responds to user interaction.

Specifies the menu item's icon.

Specifies whether or not a user can select a menu item.

Specifies whether or not the item is selected.

Specifies a template that should be used to render this item only.

Specifies the text inserted into the item element.

Specifies whether or not the menu item is visible.

Specifies an option by its name.

The MultiView is a UI component that contains several views. An end user navigates through the views by swiping them in the horizontal direction.

Specifies an HTML id for the widget's root element.

Specifies a JS expression calculating an HTML id for the root element of the widget defined within a template.

Specifies an option by its name.

Specifies whether the UI component item responds to user interaction.

Specifies html code inserted into the UI component item element.

Specifies a template that should be used to render this item only.

Specifies text displayed for the UI component item.

The NavBar is a UI component that navigates the application views.

Specifies an HTML id for the widget's root element.

Specifies a JS expression calculating an HTML id for the root element of the widget defined within a template.

Specifies an option by its name.

Specifies a badge text for the tab.

Specifies whether the UI component item responds to user interaction.

Specifies html code inserted into the UI component item element.

Specifies the icon to be displayed on the tab.

Specifies a template that should be used to render this item only.

Specifies text displayed for the UI component item.

Specifies whether or not a UI component item must be displayed.

The NumberBox is a UI component that displays a numeric value and allows a user to modify it by typing in a value, and incrementing or decrementing it using the keyboard or mouse.

Specifies an HTML id for the widget's root element.

Specifies a JS expression calculating an HTML id for the root element of the widget defined within a template.

Specifies an option by its name.

A validation rule that demands that the validated field has a numeric value.

Specifies an option by its name.

If set to true, empty values are valid.

Specifies the message that is shown if the rule is broken.

A validation rule that demands that the validated field match a specified pattern.

Specifies an option by its name.

If set to true, empty values are valid.

Specifies the message that is shown if the rule is broken.

Specifies the regular expression that the validated value must match.

The PivotGrid is a UI component that allows you to display and analyze multi-dimensional data from a local storage or an OLAP cube.

Specifies an HTML id for the widget's root element.

Specifies a JS expression calculating an HTML id for the root element of the widget defined within a template.

Specifies an option by its name.

The PivotGridDataSource is an object that provides an API for processing data from an underlying store. This object is used in the PivotGrid UI component.

Specifies an option by its name.

Specifies whether or not the widget uses native scrolling.

Specifies an option by its name.

The Popover is a UI component that shows notifications within a box with an arrow pointing to a specified UI element.

Specifies an HTML id for the widget's root element.

Specifies a JS expression calculating an HTML id for the root element of the widget defined within a template.

Specifies an option by its name.

The Popup UI component is a pop-up window overlaying the current view.

Specifies an HTML id for the widget's root element.

Specifies a JS expression calculating an HTML id for the root element of the widget defined within a template.

Specifies an option by its name.

The ProgressBar is a UI component that shows current progress.

Specifies an HTML id for the widget's root element.

Specifies a JS expression calculating an HTML id for the root element of the widget defined within a template.

Specifies an option by its name.

The RadioGroup is a UI component that contains a set of radio buttons and allows an end user to make a single selection from the set.

Specifies an HTML id for the widget's root element.

Specifies a JS expression calculating an HTML id for the root element of the widget defined within a template.

Specifies an option by its name.

Specifies whether the UI component item responds to user interaction.

Specifies html code inserted into the UI component item element.

Specifies a template that should be used to render this item only.

Specifies text displayed for the UI component item.

Specifies whether or not a UI component item must be displayed.

A validation rule that demands the target value be within the specified value range (including the range's end points).

Specifies an option by its name.

If set to true, empty values are valid.

Specifies the maximum value allowed for the validated value.

Specifies the message that is shown if the rule is broken.

Specifies the minimum value allowed for the validated value.

Indicates whether the rule should be always checked for the target value or only when the target value changes.

The RangeSlider is a UI component that allows an end user to choose a range of numeric values.

Specifies an HTML id for the widget's root element.

Specifies a JS expression calculating an HTML id for the root element of the widget defined within a template.

Specifies an option by its name.

Specifies an HTML id for the widget's root element.

Specifies a JS expression calculating an HTML id for the root element of the widget defined within a template.

Specifies an option by its name.

A validation rule that demands that a validated field has a value.

Specifies an option by its name.

Specifies the message that is shown if the rule is broken.

Indicates whether to remove the Space characters from the validated value.

The Resizable UI component enables its content to be resizable in the UI.

Specifies an HTML id for the widget's root element.

Specifies a JS expression calculating an HTML id for the root element of the widget defined within a template.

Specifies an option by its name.

The ResponsiveBox UI component allows you to create an application or a website with a layout adapted to different screen sizes.

Specifies an HTML id for the widget's root element.

Specifies a JS expression calculating an HTML id for the root element of the widget defined within a template.

Specifies an option by its name.

Specifies whether the UI component item responds to user interaction.

Specifies html code inserted into the UI component item element.

Specifies the item location and size against the UI component grid.

Specifies a template that should be used to render this item only.

Specifies text displayed for the UI component item.

Specifies whether or not a UI component item must be displayed.

Specifies the item location and size against the UI component grid.

Specifies an option by its name.

Specifies which column the element should occupy. Accepts an index from the cols array.

Specifies how many columns the element should span.

Specifies which row the element should occupy. Accepts an index from the rows array.

Specifies how many rows the element should span.

Decides on which screens the current location settings should be applied to the element.

Specifies an option by its name.

The Sankey is a UI component that visualizes the flow magnitude between value sets. The values being connected are called nodes; the connections - links. The higher the flow magnitude, the wider the link is.

Specifies an HTML id for the widget's root element.

Specifies a JS expression calculating an HTML id for the root element of the widget defined within a template.

Specifies an option by its name.

The Scheduler is a UI component that represents scheduled data and allows a user to manage and edit it.

Specifies an HTML id for the widget's root element.

Specifies a JS expression calculating an HTML id for the root element of the widget defined within a template.

Specifies an option by its name.

Specifies the scrolling mode.

Specifies an option by its name.

The ScrollView is a UI component that enables a user to scroll its content.

Specifies an HTML id for the widget's root element.

Specifies a JS expression calculating an HTML id for the root element of the widget defined within a template.

Specifies an option by its name.

The SelectBox UI component is an editor that allows an end user to select an item from a drop-down list.

Specifies an HTML id for the widget's root element.

Specifies a JS expression calculating an HTML id for the root element of the widget defined within a template.

Specifies an option by its name.

Specifies whether the UI component item responds to user interaction.

Specifies html code inserted into the UI component item element.

Specifies a template that should be used to render this item only.

Specifies text displayed for the UI component item.

Specifies whether or not a UI component item must be displayed.

The SlideOut UI component is a classic slide-out menu paired with a view. An end user opens the menu by swiping away the view.

Specifies an HTML id for the widget's root element.

Specifies a JS expression calculating an HTML id for the root element of the widget defined within a template.

Specifies an option by its name.

Specifies whether the UI component item responds to user interaction.

Specifies html code inserted into the UI component item element.

Specifies a template that should be used to render a menu item.

Specifies a template that should be used to render this item only.

Specifies text displayed for the UI component item.

Specifies whether or not a UI component item must be displayed.

The SlideOutView UI component is a classic slide-out menu paired with a view. This UI component is very similar to the SlideOut with only one difference - the SlideOut always contains the List in the slide-out menu, while the SlideOutView can hold any collection there.

Specifies an HTML id for the widget's root element.

Specifies a JS expression calculating an HTML id for the root element of the widget defined within a template.

Specifies an option by its name.

The Slider is a UI component that allows an end user to set a numeric value on a continuous range of possible values.

Specifies an HTML id for the widget's root element.

Specifies a JS expression calculating an HTML id for the root element of the widget defined within a template.

Specifies an option by its name.

Sortable is a user interface utility that allows a UI component's items to be reordered via drag and drop gestures.

Specifies an HTML id for the widget's root element.

Specifies a JS expression calculating an HTML id for the root element of the widget defined within a template.

Specifies an option by its name.

The SpeedDialAction is a button that performs a custom action. It can be represented by a Floating Action Button (FAB) or a button in a speed dial menu opened with the FAB.

Specifies an HTML id for the widget's root element.

Specifies a JS expression calculating an HTML id for the root element of the widget defined within a template.

Specifies an option by its name.

A validation rule that demands the target value length be within the specified value range (including the range's end points).

Specifies an option by its name.

If set to true, empty values are valid.

Specifies the maximum length allowed for the validated value.

Specifies the message that is shown if the rule is broken.

Specifies the minimum length allowed for the validated value.

Indicates whether or not to remove the Space characters from the validated value.

The Switch is a UI component that can be in two states: 'On' and 'Off'.

Specifies an HTML id for the widget's root element.

Specifies a JS expression calculating an HTML id for the root element of the widget defined within a template.

Specifies an option by its name.

The TabPanel is a UI component consisting of the Tabs and MultiView UI components. It automatically synchronizes the selected tab with the currently displayed view and vice versa.

Specifies an HTML id for the widget's root element.

Specifies a JS expression calculating an HTML id for the root element of the widget defined within a template.

Specifies an option by its name.

Specifies a badge text for the tab.

Specifies whether the UI component item responds to user interaction.

Specifies html code inserted into the UI component item element.

Specifies the icon to be displayed in the tab's title.

Specifies a template that should be used to render the tab for this item only.

Specifies a template that should be used to render this item only.

Specifies text displayed for the UI component item.

Specifies the item title text displayed on a corresponding tab.

The Tabs is a tab strip used to switch between pages or views. This UI component is included in the TabPanel UI component, but you can use the Tabs separately as well.

Specifies an HTML id for the widget's root element.

Specifies a JS expression calculating an HTML id for the root element of the widget defined within a template.

Specifies an option by its name.

Specifies a badge text for the tab.

Specifies whether the UI component item responds to user interaction.

Specifies html code inserted into the UI component item element.

Specifies the icon to be displayed on the tab.

Specifies a template that should be used to render this item only.

Specifies text displayed for the UI component item.

Specifies whether or not a UI component item must be displayed.

The TagBox UI component is an editor that allows an end user to select multiple items from a drop-down list.

Specifies an HTML id for the widget's root element.

Specifies a JS expression calculating an HTML id for the root element of the widget defined within a template.

Specifies an option by its name.

Specifies whether the UI component item responds to user interaction.

Specifies html code inserted into the UI component item element.

Specifies a template that should be used to render this item only.

Specifies text displayed for the UI component item.

Specifies whether or not a UI component item must be displayed.

The TextArea is a UI component that enables a user to enter and edit a multi-line text.

Specifies an HTML id for the widget's root element.

Specifies a JS expression calculating an HTML id for the root element of the widget defined within a template.

Specifies an option by its name.

The TextBox is a UI component that enables a user to enter and edit a single line of text.

Specifies an HTML id for the widget's root element.

Specifies a JS expression calculating an HTML id for the root element of the widget defined within a template.

Specifies an option by its name.

Specifies whether to place the button before or after the input text field.

Specifies the button's name.

A widget that presents an editor button.

The TileView UI component contains a collection of tiles. Tiles can store much more information than ordinary buttons, that is why they are very popular in apps designed for touch devices.

Specifies an HTML id for the widget's root element.

Specifies a JS expression calculating an HTML id for the root element of the widget defined within a template.

Specifies an option by its name.

Specifies whether the UI component item responds to user interaction.

Specifies a multiplier for the baseItemHeight property value (for the purpose of obtaining the actual item height).

Specifies html code inserted into the UI component item element.

Specifies a template that should be used to render this item only.

Specifies text displayed for the UI component item.

Specifies whether or not a UI component item must be displayed.

Specifies a multiplier for the baseItemWidth property value (for the purpose of obtaining the actual item width).

Specifies an option by its name.

The Toast is a UI component that provides pop-up notifications.

Specifies an HTML id for the widget's root element.

Specifies a JS expression calculating an HTML id for the root element of the widget defined within a template.

Specifies an option by its name.

The Toolbar is a UI component containing items that usually manage screen content. Those items can be plain text or UI components.

Specifies an HTML id for the widget's root element.

Specifies a JS expression calculating an HTML id for the root element of the widget defined within a template.

Specifies an option by its name.

Specifies a CSS class to be applied to the item.

Specifies whether the UI component item responds to user interaction.

Specifies html code inserted into the UI component item element.

Specifies when to display an item in the toolbar's overflow menu.

Specifies a location for the item on the toolbar.

Specifies a template that should be used to render a menu item.

Specifies when to display the text for the UI component item.

Specifies a template that should be used to render this item only.

Specifies text displayed for the UI component item.

Specifies whether or not a UI component item must be displayed.

A UI component that presents a toolbar item. To configure it, use the options object.

Specifies an option by its name.

The Tooltip UI component displays a tooltip for a specified element on the page.

Specifies an HTML id for the widget's root element.

Specifies a JS expression calculating an HTML id for the root element of the widget defined within a template.

Specifies an option by its name.

The TreeList is a UI component that represents data from a local or remote source in the form of a multi-column tree view. This UI component offers such features as sorting, filtering, editing, selection, etc.

Specifies an HTML id for the widget's root element.

Specifies a JS expression calculating an HTML id for the root element of the widget defined within a template.

Specifies an option by its name.

Specifies what operations are performed on the server.