DxSplitterPane.MinSize Property

Specifies the minimum size of the pane.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v25.1.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).

<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.