Display a raster image on the form — logos, illustrations, or product photos.
In the builder: Elements → Content Widgets → Image
Widget Settings
Image URL
| UI field | Description |
|---|---|
| Image URL | Full URL to the image file. Use Upload / Gallery to pick from your media library. |
A preview appears when a valid URL is set.
Visibility
Expand Visibility to show or hide the widget based on an active View Mode or a formula. See Show and Hide Fields with Conditional Logic.
| UI field | Description |
|---|---|
| Show | Always or Conditionally |
| Active mode is | Name of the View Mode that must be active for this widget to appear (when Show is Conditionally). |
| Formula result is positive | Optional formula; evaluated on Calculate |
Design
Expand Design to style individual parts of the widget. Prefer project themes for a consistent look; per-widget styling is optional.
| Part | What it represents |
|---|---|
| Image | The <img> element and its sizing. |
Custom CSS — useful selectors and classes:
| Selector / class | Targets |
|---|---|
#cp-{ID} |
Entire widget (ID from the Element panel header). |
| Custom CSS Classes | Classes you add in Design; applied to the outer widget container. |
.image-widget |
Outer widget type class. |
.image-widget img |
The image element. |
Image vs Icons
| Image | Icons | |
|---|---|---|
| Content | Photo, logo, illustration | Icon glyphs |
| Source | Image URL | [icon-name] tokens |
| Best for | Branding, photos | Decorative symbols |
Use Image for full images. Use Icons for lightweight icon rows.