Navigation and structure Container Native Qt

Pane

Pane is a native Zui container in the navigation and structure catalog, with 18 component-specific properties.

Usage

Ruby example

Paste this complete Builder example inside the app surface from the Quickstart. Replace illustrative asset paths with files from your project.

Ruby

pane padding: 20, spacing: 12, background: "#18181d", radius: 16 do
  label "Inspector", bold: true
  text "Pane content"
end

API

18 component-specific values, plus shared item and layout properties.

layoutLayout configuration for Pane.property

spacingSpacing configuration for Pane.property

paddingPadding configuration for Pane.property

left_paddingLeft padding configuration for Pane.property

right_paddingRight padding configuration for Pane.property

top_paddingTop padding configuration for Pane.property

bottom_paddingBottom padding configuration for Pane.property

widthWidth configuration for Pane.property

heightHeight configuration for Pane.property

enabledEnabled configuration for Pane.property

backgroundBackground configuration for Pane.property

foregroundForeground configuration for Pane.property

border_colorBorder color configuration for Pane.property

border_widthBorder width configuration for Pane.property

radiusRadius configuration for Pane.property

layout_directionLayout direction configuration for Pane.property

clipClip configuration for Pane.property

visibleVisible configuration for Pane.property

Show 13 shared item properties

opacityscalerotationzfill_widthfill_heightpreferred_widthpreferred_heightminimum_widthminimum_heightmaximum_widthmaximum_heightlayout_alignment

Interaction

Subscribe with on widget, :event and keep behavior in Ruby.

↗clickNative event payload

↗showNative event payload

↗hideNative event payload

↗focusNative event payload

↗blurNative event payload