zui docs v0.0.5
GitHub ↗
Data and collections Native Qt

Vertical Header

Vertical Header is a native Zui component in the data and collections catalog, with 14 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
vertical_header ["A", "B", "C"], section_height: 42
API

Component properties

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

sectionsSections configuration for Vertical Header.property
current_indexCurrent index configuration for Vertical Header.property
widthWidth configuration for Vertical Header.property
section_heightSection height configuration for Vertical Header.property
spacingSpacing configuration for Vertical Header.property
clickableClickable configuration for Vertical Header.property
backgroundBackground configuration for Vertical Header.property
selected_backgroundSelected background configuration for Vertical Header.property
foregroundForeground configuration for Vertical Header.property
selected_foregroundSelected foreground configuration for Vertical Header.property
border_colorBorder color configuration for Vertical Header.property
font_familyFont family configuration for Vertical Header.property
font_sizeFont size configuration for Vertical Header.property
visibleVisible configuration for Vertical Header.property
Show 15 shared item properties
enabledopacityscalerotationzheightfill_widthfill_heightpreferred_widthpreferred_heightminimum_widthminimum_heightmaximum_widthmaximum_heightlayout_alignment
Interaction

Events

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

clickNative event payload