SizeMode Enum

Lists values that define size modes.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v21.1.dll

Declaration

public enum SizeMode

Members

Name Description
Small

Small size.

Medium

Medium size.

Large

Large size.

Remarks

Use the SizeMode enumeration value to specify the size of a component (for example, an editor) or the component’s items (for example, the Data Grid’s inner components). For more information, refer to Size Modes.

The example below uses the SizeMode enumeration values to customize the Toolbar item’s size.

<DxDataGrid @ref="grid"
            Data="@Data"
            ShowFilterRow="@ShowFilterRow"
            @bind-SingleSelectedDataRow="@SelectedRow"
            RowInsertingAsync="@OnRowInsertingAsync"
            RowUpdatingAsync="@OnRowUpdatingAsync"
            RowRemovingAsync="@OnRowRemovingAsync"
            InitNewRow="@OnInitNewRow">
    <HeaderTemplate>
        <DxToolbar ItemRenderStyleMode="ToolbarRenderStyleMode.Plain">
            <DxToolbarItem Text="New" BeginGroup="true" Click="@OnAddNewClick" IconCssClass="grid-toolbar-new" />
            <DxToolbarItem Text="Edit" Click="@OnEditClick" IconCssClass="grid-toolbar-edit" Enabled="@Enabled" />
            <DxToolbarItem Text="Delete" Click="@OnDeleteClick" IconCssClass="grid-toolbar-delete" Enabled="@Enabled" />
            <DxToolbarItem Text="Show Filter Row" BeginGroup="true" GroupName="FilterRow" Click="@OnShowFilterRow" IconCssClass="grid-toolbar-filter-row" />
            <DxToolbarItem Text="Examples" NavigateUrl="https://supportcenter.devexpress.com/ticket/list/?preset=824230fc-7d61-47a7-a3f9-ea0eed42df56" BeginGroup="true"
                           Alignment="ToolbarItemAlignment.Right" IconCssClass="grid-toolbar-document" target="_blank" />
        </DxToolbar>
      </HeaderTemplate>
      <Columns>
        <DxDataGridColumn Field="@nameof(Employee.FirstName)" />
            <DxDataGridColumn Field="@nameof(Employee.LastName)" />
            <DxDataGridColumn Field="@nameof(Employee.Title)" />
            <DxDataGridColumn Field="@nameof(Employee.TitleOfCourtesy)" />
            <DxDataGridDateEditColumn Field="@nameof(Employee.BirthDate)" />
            <DxDataGridDateEditColumn Field="@nameof(Employee.HireDate)" />
      </Columns>
</DxDataGrid>

DataGrid Toolbar

Run Demo: Data Grid - Toolbar

See Also