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
  • Add image
  • Change image
  • Remove image
  • Change images order
  • Customize image
  • Add labels
  • Thumbnail display

Was this helpful?

  1. Widgets

Image

Image or sequence of images user can swipe.

PreviousWidgetsNextVideo

Last updated 4 years ago

Was this helpful?

Add image

  1. Select page

  2. Do one of the following:

    • Click on Toolbar

    • Select Insert > Widgets > Image

    • Click + on Toolbar

  3. Select one or more image files

Change image

  1. Select Image widget

  2. Open Widget Inspector

  3. Double click image in table

  4. Select image file

Remove image

  1. Select Image widget

  2. Open Widget Inspector

  3. Select image in table

  4. Press Del or click Remove

Change images order

  1. Select Image widget

  2. Open Widget Inspector

  3. Drag image in table

Customize image

  1. Select Image widget

  2. Open Widget Inspector

  3. Select fill mode in Settings sector

  4. Select gallery style from Style list

Add labels

  1. Select Image widget

  2. Open Widget Inspector

  3. Enable Labels in Labels section

  4. Double click Text cell beside image in table

  5. Type text and press Enter

  6. Customize labels:

    • Select Position from list (Top, Bottom or Center)

    • Click Background and select color

    • Open Font Inspector and set font settings

Thumbnail display

  1. Open Image widget

  2. Open Widget Inspector

  3. Select thumbnails mode from Thumbnails list:

    • None: hide thumbnails

    • Dots: show dots

    • Thumbnails: show thumbnails

  4. To hide background disable Thumbnails background