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
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?