{"id":"691678b0adcd0bfee0251f6f","title":"2025 11 05 Issue 74","path":"how-to/committee/release-notes/2025-11-05-issue-74","contentMarkdown":"# 5th November 2025 — Select Specific Multiple Events [#74](https://github.com/nbarrett/ngx-ramblers/issues/74)\n## [build 349](https://github.com/nbarrett/ngx-ramblers/actions/runs/19097473214) — [closes #74](https://github.com/nbarrett/ngx-ramblers/issues/74) — [commit 4d44571](https://github.com/nbarrett/ngx-ramblers/commit/4d44571)\n\nAdded ability to select specific individual events within a date range for display on dynamic content pages, perfect for days with multiple walks.\n\n**Where to Find It**\n\n- **Dynamic Content → Events Row**: New \"Specific Events\" selector in edit mode\n- **Page Editor**: Event configuration between event types and filter criteria\n\n**Benefits**\n\n- **Precise Control**: Select exactly which events appear on specific pages\n- **Multiple Events Per Day**: Choose individual walks when multiple occur on same day\n- **Curated Display**: Groups can showcase specific events rather than all in date range\n- **Backward Compatible**: Empty selection shows all events as before\n- **Clear Labeling**: \"Specific Events (leave empty to show all events within date range)\"\n\n**Technical Details**\n\nData Model:\n- Add optional eventIds array to EventsData model\n- Store selected event IDs for filtering\n\nComponent Enhancement:\n- GroupEventSelectorComponent supports multiple selection mode\n- Add multiple Input parameter and eventIds array binding\n- Add eventsChange Output for emitting multiple selected events\n- Update UI with multi-select dropdown when multiple=true\n- Update ngModel binding for both single and multiple modes\n\nDynamic Content Integration:\n- Add event selector UI between event types and filter criteria\n- Wire selected events to EventsData.eventIds array\n- Implement filterByEventIds() in Events component\n- Filter only when eventIds array is populated\n- Works seamlessly with existing date range and type filtering\n\nNote: This follows two previous attempts to fix event row rendering issues, which were reverted. The final solution focuses on event selection rather than render synchronization.","contentHtml":"<h1>5th November 2025 — Select Specific Multiple Events <a href=\"https://github.com/nbarrett/ngx-ramblers/issues/74\">#74</a></h1>\n<h2><a href=\"https://github.com/nbarrett/ngx-ramblers/actions/runs/19097473214\">build 349</a> — <a href=\"https://github.com/nbarrett/ngx-ramblers/issues/74\">closes #74</a> — <a href=\"https://github.com/nbarrett/ngx-ramblers/commit/4d44571\">commit 4d44571</a></h2>\n<p>Added ability to select specific individual events within a date range for display on dynamic content pages, perfect for days with multiple walks.</p>\n<p><strong>Where to Find It</strong></p>\n<ul>\n<li><strong>Dynamic Content → Events Row</strong>: New &quot;Specific Events&quot; selector in edit mode</li>\n<li><strong>Page Editor</strong>: Event configuration between event types and filter criteria</li>\n</ul>\n<p><strong>Benefits</strong></p>\n<ul>\n<li><strong>Precise Control</strong>: Select exactly which events appear on specific pages</li>\n<li><strong>Multiple Events Per Day</strong>: Choose individual walks when multiple occur on same day</li>\n<li><strong>Curated Display</strong>: Groups can showcase specific events rather than all in date range</li>\n<li><strong>Backward Compatible</strong>: Empty selection shows all events as before</li>\n<li><strong>Clear Labeling</strong>: &quot;Specific Events (leave empty to show all events within date range)&quot;</li>\n</ul>\n<p><strong>Technical Details</strong></p>\n<p>Data Model:</p>\n<ul>\n<li>Add optional eventIds array to EventsData model</li>\n<li>Store selected event IDs for filtering</li>\n</ul>\n<p>Component Enhancement:</p>\n<ul>\n<li>GroupEventSelectorComponent supports multiple selection mode</li>\n<li>Add multiple Input parameter and eventIds array binding</li>\n<li>Add eventsChange Output for emitting multiple selected events</li>\n<li>Update UI with multi-select dropdown when multiple=true</li>\n<li>Update ngModel binding for both single and multiple modes</li>\n</ul>\n<p>Dynamic Content Integration:</p>\n<ul>\n<li>Add event selector UI between event types and filter criteria</li>\n<li>Wire selected events to EventsData.eventIds array</li>\n<li>Implement filterByEventIds() in Events component</li>\n<li>Filter only when eventIds array is populated</li>\n<li>Works seamlessly with existing date range and type filtering</li>\n</ul>\n<p>Note: This follows two previous attempts to fix event row rendering issues, which were reverted. The final solution focuses on event selection rather than render synchronization.</p>\n"}