Skip to content

Fix Agent 365 guide navigation and feedback access #539

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
Alejandro Lopez (soyalejolopez) merged 1 commit into from
Sep 14, 2026
+17 −5
Merged

Fix Agent 365 guide navigation and feedback access #539

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 5 additions & 0 deletions copilot-agent-strategy/agent-365-customer-implementation-guide/CHANGELOG.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,11 @@

All notable changes to the Microsoft Agent 365 Customer Implementation Guide are documented here.

## 1.1.1 - 2026-09-14

- Fixed the Detailed navigation so selecting an item in the left rail scrolls the matching section into view while keeping all task content visible. Arrow key, Home, and End navigation use the same behavior and respect the reader's reduced-motion preference.
- Added a discoverable **Submit feedback** link to the guide header in both Simple and Detailed modes. The native link opens the FastTrack issues list and remains available when scripts are restricted.

## 1.1.0 - 2026-09-11

- Removed the "Roadmap" section and its navigation link from the Simple view, along with the section's dedicated CSS. Legitimate references to the public Microsoft 365 Roadmap elsewhere in the guide are unchanged.
Expand Down
4 changes: 2 additions & 2 deletions copilot-agent-strategy/agent-365-customer-implementation-guide/README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,9 +7,9 @@ author:
- "Pratik Bhusal"
- "Manas Biswas"
- "Alejandro Lopez"
version: 1.1.0
version: 1.1.1
published: 2026-09-09
updated: 2026-09-11
updated: 2026-09-14
tags:
- agent-365
- implementation
Expand Down
13 changes: 10 additions & 3 deletions copilot-agent-strategy/agent-365-customer-implementation-guide/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<!doctype html><html lang="en" data-theme="light"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>Microsoft Agent 365 — Customer implementation guide</title><link rel="icon" href="data:,"><style>:root{--cx-bg:#f3f3f3;--cx-surface:#ffffff;--cx-text:#1b1b1b;--cx-muted:#616161;--cx-border:#e1dfdd;--cx-accent:#0f6cbd;--cx-seg-bg:#ecebe9;--cx-shadow:0 1.6px 3.6px rgba(0,0,0,.10),0 .3px .9px rgba(0,0,0,.07)}[data-theme="dark"]{--cx-bg:#1b1a19;--cx-surface:#242322;--cx-text:#f3f2f1;--cx-muted:#c8c6c4;--cx-border:#3b3a39;--cx-accent:#4aa0e6;--cx-seg-bg:#323130;--cx-shadow:0 1.6px 3.6px rgba(0,0,0,.4)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:"Segoe UI Variable","Segoe UI",system-ui,-apple-system,sans-serif;background:var(--cx-bg);color:var(--cx-text);display:flex;flex-direction:column;min-height:100vh}.cx-header{position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:10px 16px;background:var(--cx-surface);border-bottom:1px solid var(--cx-border);box-shadow:var(--cx-shadow)}.cx-brand{display:flex;align-items:center;gap:10px;font-weight:600;font-size:15px;margin-right:auto;min-width:0}.cx-logo{width:22px;height:22px;flex:0 0 auto}.cx-brand small{display:block;font-weight:400;font-size:11.5px;color:var(--cx-muted)}.cx-seg{display:inline-flex;background:var(--cx-seg-bg);border-radius:8px;padding:3px;gap:2px}.cx-tab{appearance:none;border:0;background:transparent;color:var(--cx-muted);font:inherit;font-size:13.5px;font-weight:600;padding:7px 18px;border-radius:6px;cursor:pointer;line-height:1}.cx-tab[aria-selected="true"]{background:var(--cx-surface);color:var(--cx-accent);box-shadow:var(--cx-shadow)}.cx-tab:focus-visible,.cx-btn:focus-visible{outline:2px solid var(--cx-accent);outline-offset:2px}.cx-btn{appearance:none;border:1px solid var(--cx-border);background:var(--cx-surface);color:var(--cx-text);font:inherit;font-size:13px;font-weight:600;padding:7px 14px;border-radius:6px;cursor:pointer;min-width:64px}.cx-btn:hover{border-color:var(--cx-accent);color:var(--cx-accent)}.cx-main{position:relative;flex:1 1 auto;display:flex;min-height:0}.cx-frame{border:0;width:100%;flex:1 1 auto;min-height:0;background:var(--cx-bg)}.cx-frame[hidden]{display:none}.cx-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}#cxPrintMirror,.cx-print-fallback{display:none}@media (max-width:480px){.cx-brand small{display:none}.cx-header{gap:8px 10px;padding:8px 10px}.cx-tab{padding:7px 13px}.cx-btn{min-width:52px;padding:7px 10px}}@media print{.cx-header{display:none!important}.cx-main{display:none!important}.cx-live{display:none!important}#cxPrintMirror,.cx-print-fallback{display:block!important}.cx-print-ready .cx-print-fallback{display:none!important}html body{display:block!important;background:#fff!important;min-height:0!important}}</style></head><body><header class="cx-header"><div class="cx-brand"><svg class="cx-logo" viewBox="0 0 23 23" aria-hidden="true"><rect width="10" height="10" x="1" y="1" fill="#f25022"/><rect width="10" height="10" x="12" y="1" fill="#7fba00"/><rect width="10" height="10" x="1" y="12" fill="#00a4ef"/><rect width="10" height="10" x="12" y="12" fill="#ffb900"/></svg><span>Microsoft Agent 365<small>Customer implementation guide</small></span></div><div class="cx-seg" role="tablist" aria-label="Guide experience"><button class="cx-tab" role="tab" id="cxTabSimple" data-exp="simple" aria-controls="cxSimple" aria-selected="true">Simple</button><button class="cx-tab" role="tab" id="cxTabAdvanced" data-exp="advanced" aria-controls="cxAdvanced" aria-selected="false" tabindex="-1">Detailed</button></div><button class="cx-btn" id="cxTheme" type="button" aria-pressed="false" aria-label="Toggle light or dark theme">Dark</button><button class="cx-btn" id="cxPrint" type="button">Print</button></header><main class="cx-main"><iframe class="cx-frame" id="cxSimple" role="tabpanel" aria-labelledby="cxTabSimple" title="Simple configuration guide" srcdoc="<!doctype html><html lang=&quot;en&quot; data-theme=&quot;light&quot;><head><meta charset=&quot;utf-8&quot;><meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot;><title>Microsoft Agent 365 — Customer implementation guide</title><link rel=&quot;icon&quot; href=&quot;data:,&quot;><style>
<!doctype html><html lang="en" data-theme="light"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>Microsoft Agent 365 — Customer implementation guide</title><link rel="icon" href="data:,"><style>:root{--cx-bg:#f3f3f3;--cx-surface:#ffffff;--cx-text:#1b1b1b;--cx-muted:#616161;--cx-border:#e1dfdd;--cx-accent:#0f6cbd;--cx-seg-bg:#ecebe9;--cx-shadow:0 1.6px 3.6px rgba(0,0,0,.10),0 .3px .9px rgba(0,0,0,.07)}[data-theme="dark"]{--cx-bg:#1b1a19;--cx-surface:#242322;--cx-text:#f3f2f1;--cx-muted:#c8c6c4;--cx-border:#3b3a39;--cx-accent:#4aa0e6;--cx-seg-bg:#323130;--cx-shadow:0 1.6px 3.6px rgba(0,0,0,.4)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:"Segoe UI Variable","Segoe UI",system-ui,-apple-system,sans-serif;background:var(--cx-bg);color:var(--cx-text);display:flex;flex-direction:column;min-height:100vh}.cx-header{position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:10px 16px;background:var(--cx-surface);border-bottom:1px solid var(--cx-border);box-shadow:var(--cx-shadow)}.cx-brand{display:flex;align-items:center;gap:10px;font-weight:600;font-size:15px;margin-right:auto;min-width:0}.cx-logo{width:22px;height:22px;flex:0 0 auto}.cx-brand small{display:block;font-weight:400;font-size:11.5px;color:var(--cx-muted)}.cx-seg{display:inline-flex;background:var(--cx-seg-bg);border-radius:8px;padding:3px;gap:2px}.cx-tab{appearance:none;border:0;background:transparent;color:var(--cx-muted);font:inherit;font-size:13.5px;font-weight:600;padding:7px 18px;border-radius:6px;cursor:pointer;line-height:1}.cx-tab[aria-selected="true"]{background:var(--cx-surface);color:var(--cx-accent);box-shadow:var(--cx-shadow)}.cx-tab:focus-visible,.cx-btn:focus-visible{outline:2px solid var(--cx-accent);outline-offset:2px}.cx-btn{appearance:none;border:1px solid var(--cx-border);background:var(--cx-surface);color:var(--cx-text);font:inherit;font-size:13px;font-weight:600;padding:7px 14px;border-radius:6px;cursor:pointer;min-width:64px}.cx-btn:hover{border-color:var(--cx-accent);color:var(--cx-accent)}a.cx-btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.cx-main{position:relative;flex:1 1 auto;display:flex;min-height:0}.cx-frame{border:0;width:100%;flex:1 1 auto;min-height:0;background:var(--cx-bg)}.cx-frame[hidden]{display:none}.cx-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}#cxPrintMirror,.cx-print-fallback{display:none}@media (max-width:480px){.cx-brand small{display:none}.cx-header{gap:8px 10px;padding:8px 10px}.cx-tab{padding:7px 13px}.cx-btn{min-width:52px;padding:7px 10px}}@media print{.cx-header{display:none!important}.cx-main{display:none!important}.cx-live{display:none!important}#cxPrintMirror,.cx-print-fallback{display:block!important}.cx-print-ready .cx-print-fallback{display:none!important}html body{display:block!important;background:#fff!important;min-height:0!important}}</style></head><body><header class="cx-header"><div class="cx-brand"><svg class="cx-logo" viewBox="0 0 23 23" aria-hidden="true"><rect width="10" height="10" x="1" y="1" fill="#f25022"/><rect width="10" height="10" x="12" y="1" fill="#7fba00"/><rect width="10" height="10" x="1" y="12" fill="#00a4ef"/><rect width="10" height="10" x="12" y="12" fill="#ffb900"/></svg><span>Microsoft Agent 365<small>Customer implementation guide</small></span></div><div class="cx-seg" role="tablist" aria-label="Guide experience"><button class="cx-tab" role="tab" id="cxTabSimple" data-exp="simple" aria-controls="cxSimple" aria-selected="true">Simple</button><button class="cx-tab" role="tab" id="cxTabAdvanced" data-exp="advanced" aria-controls="cxAdvanced" aria-selected="false" tabindex="-1">Detailed</button></div><button class="cx-btn" id="cxTheme" type="button" aria-pressed="false" aria-label="Toggle light or dark theme">Dark</button><button class="cx-btn" id="cxPrint" type="button">Print</button><a class="cx-btn" id="cxFeedback" href="https://github.com/microsoft/FastTrack/issues" target="_blank" rel="noopener noreferrer" aria-label="Submit feedback about this guide — opens the FastTrack issues list on GitHub in a new tab">Submit feedback</a></header><main class="cx-main"><iframe class="cx-frame" id="cxSimple" role="tabpanel" aria-labelledby="cxTabSimple" title="Simple configuration guide" srcdoc="<!doctype html><html lang=&quot;en&quot; data-theme=&quot;light&quot;><head><meta charset=&quot;utf-8&quot;><meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot;><title>Microsoft Agent 365 — Customer implementation guide</title><link rel=&quot;icon&quot; href=&quot;data:,&quot;><style>
:root {
color-scheme: light;
--cp-bg: #f5f5f5;
Expand Down Expand Up @@ -7700,14 +7700,21 @@ <h2>Sources reviewed</h2>
navbtns.forEach(function(b){var on=b.getAttribute(&quot;data-tab&quot;)===id; b.setAttribute(&quot;aria-selected&quot;,on?&quot;true&quot;:&quot;false&quot;); b.tabIndex=on?0:-1;});
if(focus){var b=document.querySelector('.navbtn[data-tab=&quot;'+id+'&quot;]'); if(b)b.focus();}
}
function goToPanel(id,focus){
activate(id,focus);
var panel=document.getElementById(id);
if(!panel||typeof panel.scrollIntoView!==&quot;function&quot;)return;
var reducedMotion=window.matchMedia&amp;&amp;window.matchMedia(&quot;(prefers-reduced-motion: reduce)&quot;).matches;
panel.scrollIntoView({behavior:reducedMotion?&quot;auto&quot;:&quot;smooth&quot;,block:&quot;start&quot;});
}
navbtns.forEach(function(b,idx){
b.addEventListener(&quot;click&quot;,function(){activate(b.getAttribute(&quot;data-tab&quot;),false);});
b.addEventListener(&quot;click&quot;,function(){goToPanel(b.getAttribute(&quot;data-tab&quot;),false);});
b.addEventListener(&quot;keydown&quot;,function(e){
var i=idx;
if(e.key===&quot;ArrowDown&quot;||e.key===&quot;ArrowRight&quot;){i=(idx+1)%navbtns.length;}
else if(e.key===&quot;ArrowUp&quot;||e.key===&quot;ArrowLeft&quot;){i=(idx-1+navbtns.length)%navbtns.length;}
else if(e.key===&quot;Home&quot;){i=0;} else if(e.key===&quot;End&quot;){i=navbtns.length-1;} else return;
e.preventDefault(); navbtns[i].focus(); activate(navbtns[i].getAttribute(&quot;data-tab&quot;),false);
e.preventDefault(); navbtns[i].focus(); goToPanel(navbtns[i].getAttribute(&quot;data-tab&quot;),false);
});
});
var state={};
Expand Down