Components/Basic components

ESplitterPanel Splitter panel

import EUI 1.0

Examples

Percentage sizes and constraints

QML sourceQML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 ESplitter { height: 180 width: parent.width ESplitterPanel { max: "70%" min: "20%" size: "40%" collapsible: true ECard { anchors.fill: parent header: "20% ≤ panel ≤ 70%" } } ESplitterPanel { min: 100 ECard { anchors.fill: parent header: qsTr("Remaining space") } } }

Preview

Run the code to try the component

Edit text, properties, or events, then select Run.

Code runs in this browser Licenses

Properties

PropertyDescriptionValues and default

collapsedbool

Whether the panel is collapsed.

Defaultfalse

collapsiblebool

Allow the panel to collapse.

Defaultfalse

enabledbool

Allow interaction; false disables the control.

Defaulttrue

heightreal

Component size in pixels; may be bound to its parent layout.

DefaultimplicitHeight

maxvar

Maximum panel dimension as pixels or a percentage string; Infinity means unlimited.

DefaultInfinity

minvar

Minimum panel dimension as pixels or a percentage string.

Default0

resizablebool

Allow resizing by dragging.

Defaulttrue

savedSizereal

Panel size saved before collapse and restored on expansion, in pixels.

Default0

sizevar

Panel dimension as pixels or a percentage string; undefined uses its implicit size.

Defaultundefined

visiblebool

Whether the component is visible.

Defaulttrue

widthreal

Component size in pixels; may be bound to its parent layout.

DefaultimplicitWidth

horizontalboolRead only

Whether the resolved layout is horizontal or vertical.

DefaultComputed at runtime

preferredSizerealRead only

Preferred splitter panel size after resolving pixels or percentages.

DefaultComputed at runtime

splittervarRead only

Splitter containing this panel.

DefaultComputed at runtime

Signals

SignaturePurpose

sizeUpdated(real size)

Emitted when the panel size changes; size is the new dimension.

Methods

SignaturePurpose

setCollapsed(value)

Set whether the panel is collapsed using a boolean value.