{"id":"69d415129f23152e64341dde","title":"2026 04 01","path":"how-to/committee/release-notes/2026-04-01","contentMarkdown":"# 01-Apr-2026 — album-index thumbnail selection for pages with nested images [#210](https://github.com/nbarrett/ngx-ramblers/issues/210)\n\n## [build 579](https://github.com/nbarrett/ngx-ramblers/actions/runs/24048805738) — [commit 6c29a77](https://github.com/nbarrett/ngx-ramblers/commit/6c29a77a994de2c2955731e92d65edd6d34b6d68)\n\n_____\n\n### **cms**: album-index thumbnail selection for pages with nested images ([#210](https://github.com/nbarrett/ngx-ramblers/issues/210))\n\n## User Guide\n\n### Thumbnail Image Selection for Page Content\n\nThe album-index override editor now supports selecting thumbnail images\nfrom pages that use inline images (not just album carousels). When a\npage contains images embedded in nested rows or columns, all images are\nextracted and displayed in a selectable grid.\n\nTo change the thumbnail for a page entry:\n\n1. Open the album-index editor in the CMS\n2. Expand the **Overrides** accordion\n3. Click **Edit image** on the entry you want to customise\n4. The image grid shows all available images from the page\n5. Click an image to select it as the thumbnail\n6. The preview below updates immediately to show the selected image\n\nWhen editing an entry, the override list and preview automatically\nfilter to show only the entry being edited, making it easier to see\nchanges without scrolling past other entries. Collapsing the entry\nrestores the full list.\n\n### Focal Point Picker Resizable Preview\n\nThe focal point picker now includes a drag handle directly below\nthe image. Drag it downward to increase the preview height for more\naccurate focal point positioning. The handle shows the current height\nin pixels.\n\n### Colour Scheme\n\n- **Sunrise** (warm yellow-orange) marks the album default image\n- **Sunset** (deeper orange-red) highlights the currently selected\noverride image\n- Star icon and \"Album default cover image\" label only appear for\nalbum-sourced images, not inline page images\n\n### Technical Details\n\n- `LocationExtractionService.findAllImagesInPage()` extracts all images\nfrom page content including nested rows\n- `IndexService.applyEntryOverridesForPages()` applies cover image and\nfocal point overrides for plain pages without album carousels\n- `FocalPointPickerComponent` gains `resizable`, `minHeight`, and\n`maxHeight` inputs using the shared `HeightResizerComponent`\n- Override editor uses `urlService.imageSource()` to resolve raw\n`site-content/` paths to displayable `/api/aws/s3/` URLs","contentHtml":"<h1>01-Apr-2026 — album-index thumbnail selection for pages with nested images <a href=\"https://github.com/nbarrett/ngx-ramblers/issues/210\">#210</a></h1>\n<h2><a href=\"https://github.com/nbarrett/ngx-ramblers/actions/runs/24048805738\">build 579</a> — <a href=\"https://github.com/nbarrett/ngx-ramblers/commit/6c29a77a994de2c2955731e92d65edd6d34b6d68\">commit 6c29a77</a></h2>\n<hr>\n<h3><strong>cms</strong>: album-index thumbnail selection for pages with nested images (<a href=\"https://github.com/nbarrett/ngx-ramblers/issues/210\">#210</a>)</h3>\n<h2>User Guide</h2>\n<h3>Thumbnail Image Selection for Page Content</h3>\n<p>The album-index override editor now supports selecting thumbnail images\nfrom pages that use inline images (not just album carousels). When a\npage contains images embedded in nested rows or columns, all images are\nextracted and displayed in a selectable grid.</p>\n<p>To change the thumbnail for a page entry:</p>\n<ol>\n<li>Open the album-index editor in the CMS</li>\n<li>Expand the <strong>Overrides</strong> accordion</li>\n<li>Click <strong>Edit image</strong> on the entry you want to customise</li>\n<li>The image grid shows all available images from the page</li>\n<li>Click an image to select it as the thumbnail</li>\n<li>The preview below updates immediately to show the selected image</li>\n</ol>\n<p>When editing an entry, the override list and preview automatically\nfilter to show only the entry being edited, making it easier to see\nchanges without scrolling past other entries. Collapsing the entry\nrestores the full list.</p>\n<h3>Focal Point Picker Resizable Preview</h3>\n<p>The focal point picker now includes a drag handle directly below\nthe image. Drag it downward to increase the preview height for more\naccurate focal point positioning. The handle shows the current height\nin pixels.</p>\n<h3>Colour Scheme</h3>\n<ul>\n<li><strong>Sunrise</strong> (warm yellow-orange) marks the album default image</li>\n<li><strong>Sunset</strong> (deeper orange-red) highlights the currently selected\noverride image</li>\n<li>Star icon and &quot;Album default cover image&quot; label only appear for\nalbum-sourced images, not inline page images</li>\n</ul>\n<h3>Technical Details</h3>\n<ul>\n<li><code>LocationExtractionService.findAllImagesInPage()</code> extracts all images\nfrom page content including nested rows</li>\n<li><code>IndexService.applyEntryOverridesForPages()</code> applies cover image and\nfocal point overrides for plain pages without album carousels</li>\n<li><code>FocalPointPickerComponent</code> gains <code>resizable</code>, <code>minHeight</code>, and\n<code>maxHeight</code> inputs using the shared <code>HeightResizerComponent</code></li>\n<li>Override editor uses <code>urlService.imageSource()</code> to resolve raw\n<code>site-content/</code> paths to displayable <code>/api/aws/s3/</code> URLs</li>\n</ul>\n"}