DxSplitter.Width Property

Specifies the splitter width.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

Declaration

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

Property Value

Type	Description
String	The width, in CSS units.

Remarks

Use the Height and Width properties to specify the size of the message box.

Razor

<DxSplitter CssClass="colored-splitter"
            SeparatorSize="16px" 
            Height="150px" 
            Width="100%">
    <Panes>
        <DxSplitterPane>Pane 1</DxSplitterPane>
        <DxSplitterPane>Pane 2</DxSplitterPane>
        <DxSplitterPane>Pane 3</DxSplitterPane>
    </Panes>
</DxSplitter>

CSS

.colored-splitter{
    font-style: italic;
    background-color: #e9d4ff;
}

Run Demo