Backgrounds

Set a background on any screen with the Fill panel under Screen settings. Pick from four background types — solid color, gradient, image, or video.

Image

Flow builder background image

Upload a .JPG, .PNG, or .WEBP file up to 20 MB. The image scales to cover the entire background.

Note

Background images and videos fill the entire viewport, including areas behind the notch and system bars — even when Safe area is enabled. Keep important content away from the edges to avoid clipping.

To swap the background image at runtime from your app code, enable a custom media ID.

Video

Flow builder background video

Upload an .MP4 or .WEBM file up to 50 MB. The preview shows a still frame — but the video plays on device at runtime.

Toggle Loop to replay the video continuously.

To swap the background video at runtime, enable a custom media ID.

Solid color

Flow builder solid background

Enter a hex value and set opacity from 0 to 100%. Pick a saved color style from the swatch to apply your brand color — the background follows your light and dark themes automatically.

Gradient

Flow builder gradient background

Build a multi-stop linear gradient:

  • Direction — rotate the gradient from 0 to 360°.
  • Stops — drag along the bar to reposition. Click a stop to edit its hex and opacity.
Configuring a gradient fill with multiple color stops