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