Back to Devexpress

DxTreeView.SizeMode Property

blazor-devexpress-dot-blazor-dot-dxtreeview-5bd54c36.md

latest1.9 KB
Original Source

DxTreeView.SizeMode Property

Specifies the size of the component’s inner elements. Affects the component’s size as well.

Namespace : DevExpress.Blazor

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

csharp
[DefaultValue(null)]
[Parameter]
public SizeMode? SizeMode { get; set; }

Property Value

TypeDefaultDescription
Nullable<SizeMode>null

The size mode. If the property is not specified (the value is null), the size is determined by the SizeMode global option.

|

Available values:

NameDescription
Small

Small size.

| | Medium |

Medium size.

| | Large |

Large size.

|

Remarks

Use the SizeMode property to specify the size mode for the TreeView. The following code snippet applies the Large mode:

razor
<DxTreeView SizeMode="SizeMode.Large">
    <Nodes>
        <DxTreeViewNode Text="Data Editors" />
        <DxTreeViewNode Text="Data Grid" />
        <DxTreeViewNode Text="Scheduler" />
        <DxTreeViewNode Text="Navigation" />
        <DxTreeViewNode Text="Dialogs" />
        <DxTreeViewNode Text="File Management" />
    </Nodes>
</DxTreeView>

The following image shows the same TreeView component in different size modes:

For additional information, refer to Size Modes.

See Also

DxTreeView Class

DxTreeView Members

DevExpress.Blazor Namespace