# 01-Apr-2026 — album-index thumbnail selection for pages with nested images [#210](https://github.com/nbarrett/ngx-ramblers/issues/210)

## [build 579](https://github.com/nbarrett/ngx-ramblers/actions/runs/24048805738) — [commit 6c29a77](https://github.com/nbarrett/ngx-ramblers/commit/6c29a77a994de2c2955731e92d65edd6d34b6d68)

_____

### **cms**: album-index thumbnail selection for pages with nested images ([#210](https://github.com/nbarrett/ngx-ramblers/issues/210))

## User Guide

### Thumbnail Image Selection for Page Content

The album-index override editor now supports selecting thumbnail images
from pages that use inline images (not just album carousels). When a
page contains images embedded in nested rows or columns, all images are
extracted and displayed in a selectable grid.

To change the thumbnail for a page entry:

1. Open the album-index editor in the CMS
2. Expand the **Overrides** accordion
3. Click **Edit image** on the entry you want to customise
4. The image grid shows all available images from the page
5. Click an image to select it as the thumbnail
6. The preview below updates immediately to show the selected image

When editing an entry, the override list and preview automatically
filter to show only the entry being edited, making it easier to see
changes without scrolling past other entries. Collapsing the entry
restores the full list.

### Focal Point Picker Resizable Preview

The focal point picker now includes a drag handle directly below
the image. Drag it downward to increase the preview height for more
accurate focal point positioning. The handle shows the current height
in pixels.

### Colour Scheme

- **Sunrise** (warm yellow-orange) marks the album default image
- **Sunset** (deeper orange-red) highlights the currently selected
override image
- Star icon and "Album default cover image" label only appear for
album-sourced images, not inline page images

### Technical Details

- `LocationExtractionService.findAllImagesInPage()` extracts all images
from page content including nested rows
- `IndexService.applyEntryOverridesForPages()` applies cover image and
focal point overrides for plain pages without album carousels
- `FocalPointPickerComponent` gains `resizable`, `minHeight`, and
`maxHeight` inputs using the shared `HeightResizerComponent`
- Override editor uses `urlService.imageSource()` to resolve raw
`site-content/` paths to displayable `/api/aws/s3/` URLs