zui docs v0.0.5
GitHub ↗
Foundation and layout Container Native Qt

Split View

Split View is a native Zui container in the foundation and layout catalog, with 4 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
split_view width: 760, height: 420, orientation: :horizontal do
  pane preferred_width: 220 do
    label "Navigation"
  end
  pane fill_width: true do
    label "Workspace"
  end
end
API

Component properties

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

widthWidth configuration for Split View.property
heightHeight configuration for Split View.property
orientationOrientation configuration for Split View.property
visibleVisible configuration for Split View.property
Show 14 shared item properties
enabledopacityscalerotationzfill_widthfill_heightpreferred_widthpreferred_heightminimum_widthminimum_heightmaximum_widthmaximum_heightlayout_alignment
Interaction

Events

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

clickNative event payload
resizeNative event payload