{"id":"6a694f32713dce3153265dcf","title":"2026 07 29","path":"how-to/committee/release-notes/2026-07-29","contentMarkdown":"# 29-Jul-2026 — Home+editor, Instagram and 1 more areas: 1 fix [#16](https://github.com/nbarrett/ngx-ramblers/issues/16)\n\n## [build 802](https://github.com/nbarrett/ngx-ramblers/actions/runs/30411679216) — [commit e340f7d](https://github.com/nbarrett/ngx-ramblers/commit/e340f7dba932a4f9d7e382858c8b9edce49dbc79)\n\n_____\n\n### **instagram**: restore the on-site Instagram feed ([#16](https://github.com/nbarrett/ngx-ramblers/issues/16))\n\n## What's new\n\nThe Instagram panel on the home page shows recent posts again. It had been switched off in the code for a long time, so the panel only ever displayed its heading and any introductory text an editor had added.\n\nOnce an administrator has connected the group's Facebook Page in System Settings and turned on **Show Instagram Feed**, the panel now loads the account's latest posts and shows them as a grid of thumbnails, largest first. Each thumbnail links to the post on Instagram and shows the post date and caption on hover. The account name in the heading links to the group's Instagram profile.\n\nVideos and multi-photo carousels used to come back without a usable picture and left gaps in the grid. These now fall back to the video thumbnail, or the first photo of the carousel, so every post in the feed has an image.\n\nWhile the posts are loading the panel says so; if Instagram cannot be reached, or the Page connection is missing, the panel explains what to check instead of sitting on a spinner that never stops.\n\n## At a glance\n\n- **Turn it on:** System Settings → External Systems → Social Media. Connect the Facebook Page, then enable **Show Instagram Feed**.\n- **What members see:** Up to 14 recent posts, the two most recent shown larger; hover for date and caption; click through to Instagram in a new tab.\n- **When it cannot load:** A warning panel names the likely cause — no Page connection, or an account with no public posts.\n\n### **home+editor**: refresh social media panels and make image zoom usable ([#16](https://github.com/nbarrett/ngx-ramblers/issues/16))\n\n## What's new\n\nThe Facebook and Instagram panels on the home page have had a proper overhaul. They had not been touched in years and were showing their age: a slab of Facebook blue on one, a grey bar with a logo image floated to one side on the other, and a Facebook feed that was cut off down its right-hand edge.\n\nBoth panels now share the same card design. Each has a clean header with the network's icon, the account name, and a **Visit** button that opens the group's page in a new tab. The two cards are the same height, the same shape, and sit the same distance apart as the action buttons elsewhere on the page.\n\nThe Instagram panel shows recent posts again as a tidy grid of nine square thumbnails. Hovering a photo enlarges it gently within its tile, and the date and caption appear as a tooltip; clicking opens the post on Instagram. The account's follower and post counts now appear under the account name, matching what the Facebook panel has always shown. While the posts are loading, the grid fills with placeholder tiles so the panel keeps its shape instead of jumping about.\n\nThe Facebook feed now fills the width of its panel. Facebook only ever supplies its feed at a fixed width, which is why it used to leave a gap or get clipped depending on the screen; the panel now scales it to fit whatever space it has.\n\nAction buttons anywhere on the site now respond to the mouse in the same way as the Instagram photos, with the image growing slightly within its frame. This works whether or not a focal point and zoom have been set on the image.\n\nFinally, the **Zoom** control used when setting an image's focal point is usable again. It ran from 0.2x to 10x on a straight scale, which squeezed every useful setting into the first fraction of the slider and made small adjustments near-impossible. It now moves in even steps across the whole range, has a much longer travel, and the mouse wheel zooms by the same proportion wherever you are in the range.\n\n## At a glance\n\n- **Social panels:** shared card design, network icon, account name, **Visit** button, matching heights, rounded corners, gutters and shadow consistent with action buttons.\n- **Instagram:** nine recent posts in a square grid, hover to enlarge, tooltip showing date and caption, click through to the post.\n- **Instagram account details:** follower count and post count shown under the account name.\n- **Loading:** placeholder tiles while posts load; a clear warning if the feed cannot be reached or the account has no public posts.\n- **Facebook:** feed scales to fill the panel rather than being clipped or leaving a gap.\n- **Action buttons:** image grows slightly on hover, and stays within its frame.\n- **Zoom control:** even movement across the full 0.2x to 10x range, longer slider, proportional mouse wheel.\n- **Editable block removed:** the Instagram panel no longer has an editable content area above the feed, since the live feed now fills it.\n\n### **social+inbox**: publish walk albums to Facebook and Instagram ([#16](https://github.com/nbarrett/ngx-ramblers/issues/16))\n\n## What's new\n\nYou can now publish a walk photo album from the website straight to your group's Facebook Page and Instagram account, without leaving NGX Ramblers.\n\nAfter an administrator connects the group's Facebook Page in System Settings (the linked Instagram professional account is found automatically), content admins open a walk photos page, turn on **Share** when the album allows it, choose Facebook and/or Instagram, pick the photos and write a caption, then publish. Instagram carousels can take a minute or two while Meta processes each image; the Share panel shows live progress so you can see what is happening instead of staring at a spinner.\n\nCaptions can stay as one shared post, or you can draft different Facebook and Instagram versions. Optional AI help rewrites your walk write-up into natural UK English (including relative timing such as \"Last Sunday\" when the walk date is known), and you can type emoji shortcodes such as `:sun:` in the caption boxes. The same shortcodes now work throughout the rich text editor as well, so typing `:sun` in any page, article or email field offers a list of matching emoji to pick from with the arrow keys. The site records each successful post so an album is not posted twice to the same network by accident, and earlier posts remain linked from the Share panel.\n\nSeparately, inbox digest emails now tell recipients how to manage their own notification preferences on the **Email Subscriptions** page in their profile, rather than asking a member administrator to turn them off.\n\n## At a glance\n\n- **Connect once (administrators):** System Settings → External Systems → Social Media. Enter the Meta App ID and secret from the setup guide, click **Connect Facebook**, approve access, and choose the Page if more than one is listed. The linked Instagram account is filled in for you. Turn on **Facebook publishing** and/or **Instagram publishing** when you are ready to go live, then Save.\n- **Allow Share on an album (content editors):** When editing a page album/carousel row, enable **Allow Share To Social Media** (off by default so ordinary visitors never see the control).\n- **Share an album (content admins):** On the published album page, open **Share**, choose Facebook and/or Instagram, select photos, write or generate captions, then **Publish to social**.\n- **Instagram rules in the UI:** Carousels need between 2 and 10 images; photos outside Instagram's aspect-ratio range are flagged, with an optional **Auto-choose for Instagram** helper.\n- **Progress while publishing:** A progress message and bar show resolving images, uploads, Instagram processing waits, and the final publish step.\n- **Captions:** One caption for both networks, or separate Facebook/Instagram captions; optional AI draft from the walk write-up; type `:name` for emoji suggestions.\n- **Emoji anywhere you edit:** Type `:` followed by a name in any rich text field to pick an emoji; arrow keys or mouse to choose, Enter or Tab to insert, Escape to dismiss. Code blocks are left alone.\n- **Already published:** Prior posts show with date and a link; networks already published for that album are blocked from a second post.\n- **Local and staging:** Image URLs sent to Meta use the group's public Web Url from Area & Group settings so Facebook/Instagram can fetch photos even when you are working on localhost.\n- **Inbox digests:** Footer text points members to **Email Subscriptions** in their profile to change or turn off inbox notifications for their committee role.","contentHtml":"<h1>29-Jul-2026 — Home+editor, Instagram and 1 more areas: 1 fix <a href=\"https://github.com/nbarrett/ngx-ramblers/issues/16\">#16</a></h1>\n<h2><a href=\"https://github.com/nbarrett/ngx-ramblers/actions/runs/30411679216\">build 802</a> — <a href=\"https://github.com/nbarrett/ngx-ramblers/commit/e340f7dba932a4f9d7e382858c8b9edce49dbc79\">commit e340f7d</a></h2>\n<hr>\n<h3><strong>instagram</strong>: restore the on-site Instagram feed (<a href=\"https://github.com/nbarrett/ngx-ramblers/issues/16\">#16</a>)</h3>\n<h2>What&#39;s new</h2>\n<p>The Instagram panel on the home page shows recent posts again. It had been switched off in the code for a long time, so the panel only ever displayed its heading and any introductory text an editor had added.</p>\n<p>Once an administrator has connected the group&#39;s Facebook Page in System Settings and turned on <strong>Show Instagram Feed</strong>, the panel now loads the account&#39;s latest posts and shows them as a grid of thumbnails, largest first. Each thumbnail links to the post on Instagram and shows the post date and caption on hover. The account name in the heading links to the group&#39;s Instagram profile.</p>\n<p>Videos and multi-photo carousels used to come back without a usable picture and left gaps in the grid. These now fall back to the video thumbnail, or the first photo of the carousel, so every post in the feed has an image.</p>\n<p>While the posts are loading the panel says so; if Instagram cannot be reached, or the Page connection is missing, the panel explains what to check instead of sitting on a spinner that never stops.</p>\n<h2>At a glance</h2>\n<ul>\n<li><strong>Turn it on:</strong> System Settings → External Systems → Social Media. Connect the Facebook Page, then enable <strong>Show Instagram Feed</strong>.</li>\n<li><strong>What members see:</strong> Up to 14 recent posts, the two most recent shown larger; hover for date and caption; click through to Instagram in a new tab.</li>\n<li><strong>When it cannot load:</strong> A warning panel names the likely cause — no Page connection, or an account with no public posts.</li>\n</ul>\n<h3><strong>home+editor</strong>: refresh social media panels and make image zoom usable (<a href=\"https://github.com/nbarrett/ngx-ramblers/issues/16\">#16</a>)</h3>\n<h2>What&#39;s new</h2>\n<p>The Facebook and Instagram panels on the home page have had a proper overhaul. They had not been touched in years and were showing their age: a slab of Facebook blue on one, a grey bar with a logo image floated to one side on the other, and a Facebook feed that was cut off down its right-hand edge.</p>\n<p>Both panels now share the same card design. Each has a clean header with the network&#39;s icon, the account name, and a <strong>Visit</strong> button that opens the group&#39;s page in a new tab. The two cards are the same height, the same shape, and sit the same distance apart as the action buttons elsewhere on the page.</p>\n<p>The Instagram panel shows recent posts again as a tidy grid of nine square thumbnails. Hovering a photo enlarges it gently within its tile, and the date and caption appear as a tooltip; clicking opens the post on Instagram. The account&#39;s follower and post counts now appear under the account name, matching what the Facebook panel has always shown. While the posts are loading, the grid fills with placeholder tiles so the panel keeps its shape instead of jumping about.</p>\n<p>The Facebook feed now fills the width of its panel. Facebook only ever supplies its feed at a fixed width, which is why it used to leave a gap or get clipped depending on the screen; the panel now scales it to fit whatever space it has.</p>\n<p>Action buttons anywhere on the site now respond to the mouse in the same way as the Instagram photos, with the image growing slightly within its frame. This works whether or not a focal point and zoom have been set on the image.</p>\n<p>Finally, the <strong>Zoom</strong> control used when setting an image&#39;s focal point is usable again. It ran from 0.2x to 10x on a straight scale, which squeezed every useful setting into the first fraction of the slider and made small adjustments near-impossible. It now moves in even steps across the whole range, has a much longer travel, and the mouse wheel zooms by the same proportion wherever you are in the range.</p>\n<h2>At a glance</h2>\n<ul>\n<li><strong>Social panels:</strong> shared card design, network icon, account name, <strong>Visit</strong> button, matching heights, rounded corners, gutters and shadow consistent with action buttons.</li>\n<li><strong>Instagram:</strong> nine recent posts in a square grid, hover to enlarge, tooltip showing date and caption, click through to the post.</li>\n<li><strong>Instagram account details:</strong> follower count and post count shown under the account name.</li>\n<li><strong>Loading:</strong> placeholder tiles while posts load; a clear warning if the feed cannot be reached or the account has no public posts.</li>\n<li><strong>Facebook:</strong> feed scales to fill the panel rather than being clipped or leaving a gap.</li>\n<li><strong>Action buttons:</strong> image grows slightly on hover, and stays within its frame.</li>\n<li><strong>Zoom control:</strong> even movement across the full 0.2x to 10x range, longer slider, proportional mouse wheel.</li>\n<li><strong>Editable block removed:</strong> the Instagram panel no longer has an editable content area above the feed, since the live feed now fills it.</li>\n</ul>\n<h3><strong>social+inbox</strong>: publish walk albums to Facebook and Instagram (<a href=\"https://github.com/nbarrett/ngx-ramblers/issues/16\">#16</a>)</h3>\n<h2>What&#39;s new</h2>\n<p>You can now publish a walk photo album from the website straight to your group&#39;s Facebook Page and Instagram account, without leaving NGX Ramblers.</p>\n<p>After an administrator connects the group&#39;s Facebook Page in System Settings (the linked Instagram professional account is found automatically), content admins open a walk photos page, turn on <strong>Share</strong> when the album allows it, choose Facebook and/or Instagram, pick the photos and write a caption, then publish. Instagram carousels can take a minute or two while Meta processes each image; the Share panel shows live progress so you can see what is happening instead of staring at a spinner.</p>\n<p>Captions can stay as one shared post, or you can draft different Facebook and Instagram versions. Optional AI help rewrites your walk write-up into natural UK English (including relative timing such as &quot;Last Sunday&quot; when the walk date is known), and you can type emoji shortcodes such as <code>:sun:</code> in the caption boxes. The same shortcodes now work throughout the rich text editor as well, so typing <code>:sun</code> in any page, article or email field offers a list of matching emoji to pick from with the arrow keys. The site records each successful post so an album is not posted twice to the same network by accident, and earlier posts remain linked from the Share panel.</p>\n<p>Separately, inbox digest emails now tell recipients how to manage their own notification preferences on the <strong>Email Subscriptions</strong> page in their profile, rather than asking a member administrator to turn them off.</p>\n<h2>At a glance</h2>\n<ul>\n<li><strong>Connect once (administrators):</strong> System Settings → External Systems → Social Media. Enter the Meta App ID and secret from the setup guide, click <strong>Connect Facebook</strong>, approve access, and choose the Page if more than one is listed. The linked Instagram account is filled in for you. Turn on <strong>Facebook publishing</strong> and/or <strong>Instagram publishing</strong> when you are ready to go live, then Save.</li>\n<li><strong>Allow Share on an album (content editors):</strong> When editing a page album/carousel row, enable <strong>Allow Share To Social Media</strong> (off by default so ordinary visitors never see the control).</li>\n<li><strong>Share an album (content admins):</strong> On the published album page, open <strong>Share</strong>, choose Facebook and/or Instagram, select photos, write or generate captions, then <strong>Publish to social</strong>.</li>\n<li><strong>Instagram rules in the UI:</strong> Carousels need between 2 and 10 images; photos outside Instagram&#39;s aspect-ratio range are flagged, with an optional <strong>Auto-choose for Instagram</strong> helper.</li>\n<li><strong>Progress while publishing:</strong> A progress message and bar show resolving images, uploads, Instagram processing waits, and the final publish step.</li>\n<li><strong>Captions:</strong> One caption for both networks, or separate Facebook/Instagram captions; optional AI draft from the walk write-up; type <code>:name</code> for emoji suggestions.</li>\n<li><strong>Emoji anywhere you edit:</strong> Type <code>:</code> followed by a name in any rich text field to pick an emoji; arrow keys or mouse to choose, Enter or Tab to insert, Escape to dismiss. Code blocks are left alone.</li>\n<li><strong>Already published:</strong> Prior posts show with date and a link; networks already published for that album are blocked from a second post.</li>\n<li><strong>Local and staging:</strong> Image URLs sent to Meta use the group&#39;s public Web Url from Area &amp; Group settings so Facebook/Instagram can fetch photos even when you are working on localhost.</li>\n<li><strong>Inbox digests:</strong> Footer text points members to <strong>Email Subscriptions</strong> in their profile to change or turn off inbox notifications for their committee role.</li>\n</ul>\n"}