zui docs v0.0.5
GitHub ↗
Navigation and structure Container Native Qt

Page

Page is a native Zui container in the navigation and structure catalog, with 26 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
page "Overview", padding: 24, spacing: 16 do
  label "Workspace overview", size: 28, bold: true
  text "Page content"
end
API

Component properties

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

titleTitle configuration for Page.property
header_textHeader text configuration for Page.property
footer_textFooter text configuration for Page.property
show_headerShow header configuration for Page.property
show_footerShow footer configuration for Page.property
header_heightHeader height configuration for Page.property
footer_heightFooter height configuration for Page.property
layoutLayout configuration for Page.property
spacingSpacing configuration for Page.property
paddingPadding configuration for Page.property
widthWidth configuration for Page.property
heightHeight configuration for Page.property
enabledEnabled configuration for Page.property
backgroundBackground configuration for Page.property
header_backgroundHeader background configuration for Page.property
footer_backgroundFooter background configuration for Page.property
foregroundForeground configuration for Page.property
mutedMuted configuration for Page.property
border_colorBorder color configuration for Page.property
radiusRadius configuration for Page.property
font_familyFont family configuration for Page.property
font_sizeFont size configuration for Page.property
title_sizeTitle size configuration for Page.property
footer_sizeFooter size configuration for Page.property
layout_directionLayout direction configuration for Page.property
visibleVisible configuration for Page.property
Show 13 shared item properties
opacityscalerotationzfill_widthfill_heightpreferred_widthpreferred_heightminimum_widthminimum_heightmaximum_widthmaximum_heightlayout_alignment
Interaction

Events

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
title_changeNative event payload