DxMenuItem.Position Property
Specifies the item’s position in the menu container.
Namespace: DevExpress.Blazor
Assembly: DevExpress.Blazor.v22.1.dll
NuGet Package: DevExpress.Blazor
Declaration
[Parameter]
public ItemPosition? Position { get; set; }Property Value
| Type | Description |
|---|---|
| Nullable<ItemPosition> | An ItemPosition enumeration value. |
Available values:
| Name | Description |
|---|---|
| Start | A menu item or all menu items are placed closer to the left edge (horizontal orientation) or top edge (vertical orientation) of the menu container. |
| Center | A menu item or all menu items are placed in the center of the menu container. |
| End | A menu item or all menu items are placed closer to the right edge of the menu container (for horizontal orientation) or bottom edge (for vertical orientation). |
Remarks
Use the Position property to specify the position of an individual menu item. To align all menu items in the menu container, use the DxMenu.ItemsPosition property.
<div class="card w-50">
<DxMenu Title="DevExpress"
ItemsPosition="ItemPosition.Start">
<Items>
<DxMenuItem Text="Products" IconCssClass="oi oi-layers"/>
<DxMenuItem Text="Support" IconCssClass="oi oi-person" />
<DxMenuItem Text="Documentation" IconCssClass="oi oi-book" Position="ItemPosition.End"/>
</Items>
</DxMenu>
</div>
Note that the control arranges items based on their Position property and their order in markup.