Image Element

The Image Element lets you add a standalone image to your app screen — perfect for visual banners, promo cards, logos, or clickable graphics. Like a button, you can also link the image to a URL or screen.


✏️ Content Tab – Add Your Image

  • Select Image – Upload your image (JPEG, PNG, etc.)

  • Click Action – Add a URL or app screen link

    Example: https://yourdomain.com or twinr://about

📌 Tip: Use this element for visual-only promotions or when you don’t need text/buttons layered on top.

⚙️ Settings Tab – Customize the Look

🎨 Design

  • Ratio – Choose aspect ratio (e.g., 1:1, 16:9, 4:3)

  • Corner Radius – Adjust how rounded the image corners are

    • Options: Square → Rounded → Pill

  • Display Mode:

    • Fit – Keeps full image visible (may leave white space)

    • Fill – Covers the container area (may crop image)

📏 Margin

Adjust padding around the image:

  • Top, Bottom, Left, Right – all customizable via sliders

👁️ Visibility Options

Control where and when the image shows:

  • Platform: iOS, Android, PWA, All

  • Device: Mobile, Tablet, All

  • User: Guest, Logged-in, All

📱 Use Case Ideas

  • Promotional banners

  • Logos or brand visuals

  • Full-width hero images

  • Image-based navigation (clickable tiles)

✅ Summary

Feature
What You Can Do

Image

Upload an image

Click Action

Add a URL or screen link

Ratio & Fit

Control image scaling and size

Styling

Apply rounded corners, adjust spacing

Visibility

Platform/device/user targeting

Last updated

Was this helpful?