DxFilterBuilder.SizeMode Property
Specifies the size of the Filter Builder component and its inner elements.
Namespace: DevExpress.Blazor
Assembly: DevExpress.Blazor.v25.1.dll
NuGet Package: DevExpress.Blazor
Declaration
[DefaultValue(null)]
[Parameter]
public SizeMode? SizeMode { get; set; }
Property Value
Type | Default | Description |
---|---|---|
Nullable<SizeMode> | null | The size mode. If the property is not specified (the value is |
Available values:
Name | Description |
---|---|
Small | Small size. |
Medium | Medium size. |
Large | Large size. |
Remarks
The SizeMode
property allows you to apply different size modes to the <DxFilterBuilder>
component and its items:
<div style="margin:20px;display:flex;">
<div style="margin-right:15px;padding:5px;border:1px solid #eeeeee;">
<DxFilterBuilder SizeMode="SizeMode.Small">
<Fields>
<DxFilterBuilderField FieldName="ProductName" Caption="Product Name" Type="@typeof(string)" />
<DxFilterBuilderField FieldName="CategoryId" Caption="Category" Type="@typeof(int)" />
</Fields>
</DxFilterBuilder>
</div>
<div style="margin-right:15px;padding:5px;border:1px solid #eeeeee;">
<DxFilterBuilder SizeMode="SizeMode.Medium">
<Fields>
<DxFilterBuilderField FieldName="ProductName" Caption="Product Name" Type="@typeof(string)" />
<DxFilterBuilderField FieldName="CategoryId" Caption="Category" Type="@typeof(int)" />
</Fields>
</DxFilterBuilder>
</div>
<div style="padding:5px;border:1px solid #eeeeee;">
<DxFilterBuilder SizeMode="SizeMode.Large">
<Fields>
<DxFilterBuilderField FieldName="ProductName" Caption="Product Name" Type="@typeof(string)" />
<DxFilterBuilderField FieldName="CategoryId" Caption="Category" Type="@typeof(int)" />
</Fields>
</DxFilterBuilder>
</div>
</div>
See Also