DxSplitterPane.MaxSize Property

Specifies the maximum size of the pane.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v25.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[Parameter]
public string MaxSize { 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.MaxSize property to set the maximum 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.