DxSplitterPane.MinSize Property

Specifies the minimum size of the pane.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v25.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[Parameter]
public string MinSize { get; set; }

Property Value

Type	Description
String	The pane size in pixels (px) or percentage (%).

Remarks

When the AllowResize property is set to true, users can resize the pane. Use the DxSplitterPane.MinSize property to set the minimum width or height (depends on the splitter’s orientation).

Note

The size of at least one panel should remain undefined. Otherwise, the Splitter component ignores the size of the last pane.

<DxSplitter CssClass="border"  Width="100%" Height="600px">
    <Panes>
        <DxSplitterPane Size="30%" MinSize="100px">@PaneContent1</DxSplitterPane>
        <DxSplitterPane Size="50%" MaxSize="70%">@PaneContent2</DxSplitterPane>
        <DxSplitterPane>@PaneContent3</DxSplitterPane>
    </Panes>
</DxSplitter>

Run Demo

Tip

To specify the initial pane size, use the Size property.