Widgets NDT Media
Images, galleries, video, and avatars. Index: Widgets. Related: Media.
Lightbox gallery with grid, tiled, or slider presentation.
When to use: Photo sets visitors can browse and enlarge.
| Field | Options | Notes |
|---|---|---|
| Style | Default grid, Tiled, Tiled (alternate), Slider | Gallery layout. |
Children: Gallery item only.
Tips: Slider works best with a focused set of strong images. You can also nest a Gallery under Widgets-NDT-Layout#Banner when Banner layout is Gallery.
One image in a Gallery.
When to use: Always as a child of Gallery.
| Field | Options | Notes |
|---|---|---|
| Image | Image upload | Required. |
| Alt text | Text | Recommended. |
| Title | Text | Optional lightbox title. |
Children: None. Parent: Gallery.
Tips: Fill Alt text for accessibility; use Title when the lightbox should show a caption-like heading.
Multi-image figure with tiled or mosaic layouts.
When to use: Side-by-side or mosaic image groups that are not a full lightbox gallery.
| Field | Options | Notes |
|---|---|---|
| Layout | Tiled (default), Mosaic, Mosaic (reversed) | Composition. |
Children: Image multiple item only.
Tips: Mosaic layouts need enough images to look intentional — add items before judging the layout.
One image inside Image multiple.
When to use: Always as a child of Image multiple.
| Field | Options | Notes |
|---|---|---|
| Image | Image upload | Required. |
| Alt text | Text | Recommended. |
Children: None. Parent: Image multiple.
Tips: Keep subject framing similar across items so mosaics feel cohesive.
Single image with caption and layout options.
When to use: Inline article images, full-width photos, floats, and circular crops.
| Field | Options | Notes |
|---|---|---|
| Image | Image upload | Required. |
| Alt text | Text | Recommended. |
| Caption | Long text | Optional visible caption. |
| Layout | Default, Full width, Float left, Float right, Circle | Placement / crop. |
Children: None.
Tips: Prefer this over legacy Widgets-Legacy#Image (full width) for new pages. Use Float left/right with care around surrounding text.
YouTube or Vimeo embed, or a placeholder play treatment.
When to use: In-page video. For a link-style “watch” CTA use Widgets-NDT-Content#Video button.
| Field | Options | Notes |
|---|---|---|
| Display type | Embedded player (default), Placeholder with play button | How the video appears. |
| Video url | URL | Required. YouTube or Vimeo URL. |
| Label | Text | Optional; used especially with placeholder style. |
| Style | Default, Minimal, Outline, Ornamental | Chrome around the player/placeholder. |
| Alignment | Default, Float left, Float right | Placement. |
Children: None.
Tips: Paste the normal watch URL; the theme converts it for embed/thumbnail. Test both Display types on Component Showcase if unsure.
Circular (or styled) portrait image with optional caption.
When to use: People callouts, comment-style attribution, and small profile marks.
| Field | Options | Notes |
|---|---|---|
| Image | Image upload | Required. |
| Alt text | Text | Recommended. |
| Size | Extra small, Small, Medium (default), Large, Extra large | Avatar scale. |
| Style | Default, Quote | Visual treatment. |
| Caption | Text | Optional name or label under/near the avatar. |
Children: None.
Tips: Use Quote style beside Widgets-NDT-Content#Quote content. For full person cards see Widgets-NDT-Cards#People card.