Data and collections Native Qt

Carousel

Carousel is a native Zui component in the data and collections catalog, with 21 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

carousel [{ title: "Ruby", image: "assets/ruby.png" }, { title: "Qt", image: "assets/qt.png" }], label_field: :title, image_field: :image, current_index: 0

API

Component properties

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

itemsItems configuration for Carousel.property

key_fieldKey field configuration for Carousel.property

label_fieldLabel field configuration for Carousel.property

description_fieldDescription field configuration for Carousel.property

image_fieldImage field configuration for Carousel.property

current_indexCurrent index configuration for Carousel.property

path_radiusPath radius configuration for Carousel.property

item_widthItem width configuration for Carousel.property

item_heightItem height configuration for Carousel.property

widthWidth configuration for Carousel.property

heightHeight configuration for Carousel.property

interactiveInteractive configuration for Carousel.property

highlight_rangeHighlight range configuration for Carousel.property

snap_modeSnap mode configuration for Carousel.property

backgroundBackground configuration for Carousel.property

foregroundForeground configuration for Carousel.property

mutedMuted configuration for Carousel.property

accentAccent configuration for Carousel.property

font_familyFont family configuration for Carousel.property

font_sizeFont size configuration for Carousel.property

visibleVisible configuration for Carousel.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.

↗inputNative event payload

↗changeNative event payload

↗activateNative event payload

↗movement_startNative event payload

↗movement_endNative event payload

↗errorNative event payload