DxToolbar.ItemSizeMode Property
OBSOLETE
This property is obsolete now. Use the Size
Specifies the Toolbar item’s size.
Namespace: DevExpress.Blazor
Assembly: DevExpress.Blazor.v24.2.dll
NuGet Package: DevExpress.Blazor
#Declaration
#Property Value
Type | Default | Description |
---|---|---|
Nullable<Size |
null | A Size |
Available values:
Name | Description |
---|---|
Small | Small size. |
Medium | Medium size. |
Large | Large size. |
#Remarks
Use the ItemSizeMode
property to specify the size of root Toolbar items.
The following size modes are available:
Size mode | Description |
---|---|
Not specified (NULL) | Toolbar item’s inner components inherit their sizes from Toolbar’s parent component. For example, if Toolbar is in Data Grid’s header template, Toolbar’s inner component size is controlled by the Inner |
Large | The size of Toolbar item’s inner components is large. |
Medium | The size of Toolbar item’s inner components is medium. |
Small | The size of Toolbar item’s inner components is small. |
The following code snippet applies the Large
option to Toolbar items:
<div class="card p-2">
<DxToolbar ItemSizeMode="SizeMode.Large">
<Items>
<DxToolbarItem Text="Item" />
<DxToolbarItem Text="Link to demos"
NavigateUrl="https://demos.devexpress.com/blazor/Toolbar" />
<DxToolbarItem BeginGroup="true" IconCssClass="oi oi-align-left" />
<DxToolbarItem IconCssClass="oi oi-align-center" />
<DxToolbarItem IconCssClass="oi oi-align-right" />
<DxToolbarItem Name="Documentation"
Text="Documentation"
BeginGroup="true"
Tooltip="Documentation (opened in a new tab)"
Alignment="ToolbarItemAlignment.Right"
NavigateUrl="https://docs.devexpress.com/Blazor/DevExpress.Blazor.DxToolbar"
Target="_blank" />
</Items>
</DxToolbar>
</div>
For more information, refer to Size Modes.