SizeMode Enum
Lists values that define size modes.
Namespace: DevExpress.Blazor
Assembly: DevExpress.Blazor.v21.2.dll
NuGet Package: DevExpress.Blazor
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"
ItemSizeMode="SizeMode.Small" >
<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>
See Also