Back to Devexpress

DxSplitter.SeparatorSize Property

blazor-devexpress-dot-blazor-dot-dxsplitter-08491f55.md

latest1.5 KB
Original Source

DxSplitter.SeparatorSize Property

Specifies the thickness of pane separators.

Namespace : DevExpress.Blazor

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

csharp
[Parameter]
public string SeparatorSize { get; set; }

Property Value

TypeDescription
String

The size, in CSS units.

|

Remarks

The SeparatorSize property specifies the width of vertical separators and the height of horizontal separators.

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;
}

See Also

DxSplitter Class

DxSplitter Members

DevExpress.Blazor Namespace