{"id":"6a68c5df61e81cd17a5c00c8","title":"2026 07 28 Issue 338","path":"how-to/committee/release-notes/2026-07-28-issue-338","contentMarkdown":"# 28-Jul-2026 — contact-us button builder and TipTap editor improvements ([ref #338](https://github.com/nbarrett/ngx-ramblers/issues/338), [#303](https://github.com/nbarrett/ngx-ramblers/issues/303))\n\n## [build 800](https://github.com/nbarrett/ngx-ramblers/actions/runs/30370968820) — [commit 7b38ccc](https://github.com/nbarrett/ngx-ramblers/commit/7b38ccc808efa946609d0171a551289e5677b6a5)\n\n_____\n\n## What's new\n\nYou can add and edit Contact Us buttons from the visual editor without typing query strings. Open the envelope control on the TipTap toolbar, pick a committee role, set the link name, and insert or update a button. Redirect always returns to the page you are editing. Existing contact buttons open the same builder so you can change them later. The system Contact Us role is not offered as a target (avoids a feedback loop).\n\nSite edit columns keep a clear frame again. Clicking a contact button or body link no longer navigates away: the link bar or contact builder opens so you can view or change the destination. Relative site paths and contact-us query links can be applied and kept. The link bar fits narrow columns with proper form controls.\n\nCommittee document editing keeps the save bar and TipTap toolbar usable while scrolling. Site edit page actions stay available while you scroll long pages. Mermaid fenced code blocks can show a live diagram preview in the editor, with a control to reveal the source. Editable text shows a clear click-to-edit cue, and the toolbar includes inline code next to bold and italic.\n\n## At a glance\n\n- Envelope toolbar control builds a contact button from role + label\n- Redirect is the current page path — no redirect field to fill in\n- Click an existing contact button to re-open the builder and update it\n- Column style is set to Make Links Buttons when a contact button is inserted\n- Contact Us system role is excluded from the role list\n- Column frames stay visible in site edit, matching row frames\n- Column settings toolbar wraps instead of overflowing where possible\n- Column drag handle sits with the other column controls (not far right)\n- Clicks on links in the editor do not leave site edit\n- Link URL field works for absolute, relative and `?contact-us&…` paths\n- Remove link and Cancel use secondary grey buttons; Apply stays primary\n- Empty stored link destinations show a short hint to re-enter the URL\n- Sticky save actions and toolbar when editing committee documents\n- Sticky page action bar in site edit while scrolling; bottom set remains at the end of the page\n- Calm editable text shows a pointer, dashed hover frame, and a cursor-following Click to edit hint\n- Inline code mark on the TipTap toolbar\n- Mermaid code blocks preview in TipTap (toggle source when needed)\n- Content Export API docs reaffirm markdown export is unchanged and still required","contentHtml":"<h1>28-Jul-2026 — contact-us button builder and TipTap editor improvements (<a href=\"https://github.com/nbarrett/ngx-ramblers/issues/338\">ref #338</a>, <a href=\"https://github.com/nbarrett/ngx-ramblers/issues/303\">#303</a>)</h1>\n<h2><a href=\"https://github.com/nbarrett/ngx-ramblers/actions/runs/30370968820\">build 800</a> — <a href=\"https://github.com/nbarrett/ngx-ramblers/commit/7b38ccc808efa946609d0171a551289e5677b6a5\">commit 7b38ccc</a></h2>\n<hr>\n<h2>What&#39;s new</h2>\n<p>You can add and edit Contact Us buttons from the visual editor without typing query strings. Open the envelope control on the TipTap toolbar, pick a committee role, set the link name, and insert or update a button. Redirect always returns to the page you are editing. Existing contact buttons open the same builder so you can change them later. The system Contact Us role is not offered as a target (avoids a feedback loop).</p>\n<p>Site edit columns keep a clear frame again. Clicking a contact button or body link no longer navigates away: the link bar or contact builder opens so you can view or change the destination. Relative site paths and contact-us query links can be applied and kept. The link bar fits narrow columns with proper form controls.</p>\n<p>Committee document editing keeps the save bar and TipTap toolbar usable while scrolling. Site edit page actions stay available while you scroll long pages. Mermaid fenced code blocks can show a live diagram preview in the editor, with a control to reveal the source. Editable text shows a clear click-to-edit cue, and the toolbar includes inline code next to bold and italic.</p>\n<h2>At a glance</h2>\n<ul>\n<li>Envelope toolbar control builds a contact button from role + label</li>\n<li>Redirect is the current page path — no redirect field to fill in</li>\n<li>Click an existing contact button to re-open the builder and update it</li>\n<li>Column style is set to Make Links Buttons when a contact button is inserted</li>\n<li>Contact Us system role is excluded from the role list</li>\n<li>Column frames stay visible in site edit, matching row frames</li>\n<li>Column settings toolbar wraps instead of overflowing where possible</li>\n<li>Column drag handle sits with the other column controls (not far right)</li>\n<li>Clicks on links in the editor do not leave site edit</li>\n<li>Link URL field works for absolute, relative and <code>?contact-us&amp;…</code> paths</li>\n<li>Remove link and Cancel use secondary grey buttons; Apply stays primary</li>\n<li>Empty stored link destinations show a short hint to re-enter the URL</li>\n<li>Sticky save actions and toolbar when editing committee documents</li>\n<li>Sticky page action bar in site edit while scrolling; bottom set remains at the end of the page</li>\n<li>Calm editable text shows a pointer, dashed hover frame, and a cursor-following Click to edit hint</li>\n<li>Inline code mark on the TipTap toolbar</li>\n<li>Mermaid code blocks preview in TipTap (toggle source when needed)</li>\n<li>Content Export API docs reaffirm markdown export is unchanged and still required</li>\n</ul>\n"}