Flipabit
  • Flipabit
  • Getting started
    • Flipabit overview
    • Create project
    • Run on device
    • Build
      • Build for iOS
      • Build for Android
      • Build for Desktop
    • Publish to App Stores
      • Submit to App Store
      • Submit to Google Play
  • Layers
    • Select layer
    • Change order, visibility and name
    • Copy and paste
    • Move layer
    • Resize layer
    • Rotate layer
    • Align layers
    • Arrange layers
    • Navigation layer
      • Display page title
      • Display Tab bar
      • Display Table of contents
      • Display Back button
      • Next/Prev buttons
      • Navigation actions
  • Pages
    • Add or delete page
    • Open page
    • Page background and overlay
  • Widgets
    • Image
    • Video
    • Text
    • PDF
    • Web
    • Diorama
    • Audio
    • Animation
    • Camera
    • YouTube
    • Map
    • Chart
    • Calendar
    • Table
    • Form
    • 3D Model
  • Groups
    • Add group
    • Move and resize group
  • Style
    • Opacity
    • Borders
    • Background
    • Opacity mask
    • Overlay
    • Margins
    • Blur
    • Copy and paste style
  • Interactivity
    • Navigate between pages
    • Maximize widget
    • Drag widget
    • Disable widget
  • Project
    • Resolution
    • Orientation
    • Status Bar
    • Settings
    • Publish settings
  • Animation
    • Page animation
    • Maximize animation
    • Position animation
    • Size animation
    • Size and position animation
    • Rotation animation
    • Opacity animation
    • Color animation
    • Blur animation
  • Actions
    • Actions Editor Overview
    • Add action
    • Suspend actions
    • Arguments
    • Delay action
    • Animation settings
    • Repeat action
  • Data & backend
    • Airtable
    • Google Sheets
  • Networking
  • Tutorials
  • API
    • Project
    • Page
    • Group
    • Widget
      • Image
      • Text
      • Video
      • Diorama
      • Audio
      • Web
      • Animation
      • Camera
      • YouTube
      • Map
      • Chart
      • Calendar
      • Table
      • Form
      • Record
      • 3d model
  • ⭐Updates
  • 🎁Get Flipabit
Powered by GitBook
On this page
  • Style
  • Settings
  • Labels
  • Actions
  • Events

Was this helpful?

  1. API
  2. Widget

Image

PreviousWidgetNextText

Last updated 4 years ago

Was this helpful?

Property

Function

Type

Current label

Current label text Actions editor: Property > Gallery > Current label Code: widget.content.currentLabel

string

Index

Current image index Actions editor: Property > Gallery > Index Code: widget.content.itemIndex

int

Style

Property

Function

Type

Style

Sets gallery style to Slider, Book, Carousel or Magazine Actions editor: Property > Gallery > Style > Style Code: widget.content.galleryStyle

int

Orientation

Sets gallery orientation to vertical or horizontal Actions editor: Property > Gallery > Style > Orientation Code: widget.content.orientation

enum Values: Qt::Vertical Qt::Horizontal

Snap

Enable to scroll through one image at a time Actions editor: Property > Gallery > Style > Snap Code: widget.content.snapOneItem

bool

Zoom

Disable to prevent image zooming Actions editor: Property > Gallery > Style > Zoom Code: widget.content.enableZoomImage

bool

Spacing

Spacing between images Actions editor: Property > Gallery > Style > Spacing Code: widget.content.listSpacing

double

Carousel

Carousel effect strength Actions editor: Property > Gallery > Style > Carousel Code: widget.content.carousel

int

Two images

Display two images simultaneously Actions editor: Property > Gallery > Style > Two images Code: widget.content.twoImagesBook

bool

Background

Background color Actions editor: Property > Gallery > Style > Background Code: widget.content.bookPageColor

color

Shadow

Display page shadow Actions editor: Property > Gallery > Style > Shadow Code: widget.content.shadowEffect

bool

Settings

Property

Function

Type

Fill mode

Sets image fill mode Actions editor: Property > Gallery > Settings > Fill mode Code: widget.content.fillMode

enum Values: Stretch PreserveAspectFit PreserveAspectCrop Tile TileVertically TileHorizontally Pad

Radius

Sets image radius Actions editor: Property > Gallery > Settings > Radius Code: widget.content.radius

double

Album

Disable to prevent switching into album view Actions editor: Property > Gallery > Settings > Album Code: widget.content.enableGridView

bool

Album on start

Enable to launch the gallery show with an album Actions editor: Property > Gallery > Settings > Album on start Code: widget.content.albumOnStart

bool

Thumbnails

Determines when to display thumbnails Actions editor: Property > Gallery > Settings > Thumbnails Code: widget.content.iconsMode

int

Thumbnails background

Display thumbnails background Actions editor: Property > Gallery > Settings > Thumbnails background Code: widget.content.showIconsBg

bool

Buttons

Display navigation buttons Actions editor: Property > Gallery > Settings > Buttons Code: widget.content.showControls

bool

Labels

Property

Function

Type

Labels

Display labels Actions editor: Property > Gallery > Labels > Labels Code: widget.content.showLabels

bool

Labels position

Label vertical alignment Actions editor: Property > Gallery > Labels > Labels position Code: widget.content.verticalAlignment

enum Values: Qt::AlignBottom Qt::AlignTop Qt::AlignVCenter

Labels background

Label background color Actions editor: Property > Gallery > Labels > Labels background Code: widget.content.labelsBackgroundColor

color

Actions

Property

Function

Next

Open next image Actions editor: Actions > Common > Next Code: widget.content.script.actionListForward()

Previous

Open previous image Actions editor: Actions > Common > Previous Code: widget.content.script.actionListBackward()

Item index

Open image by index Actions editor: Actions > Common > Item index Code: widget.content.script.actionItemIndex(int index)

Show album

Actions editor: Actions > Common > Show album Code: widget.content.script.actionShowAlbum()

Set image

Actions editor: Actions > Common > Set image Code: widget.content.script.actionSetImage(QString image)

Add image

Actions editor: Actions > Common > Add image Code: widget.content.script.actionAddImage(QString image)

Clear images

Actions editor: Actions > Common > Clear images Code: widget.content.script.actionClearImages()

Events

Property

Function

Next

Event when next image is displayed Actions editor: Event > Next Code: widget.content.script.eventListedForward()

Previous

Event when prev image is displayed Actions editor: Event > Previous Code: widget.content.script.eventListedBackward()

Item index

Event when current image is changed Actions editor: Event > Item index Code: widget.content.script.eventItemIndex()