The primary navigation's built-in Custom URL item type supports only a static link and label. It cannot reflect a live status, such as a colored dot that changes based on a third-party status page. This guide shows a supported workaround using a Custom HTML integration to inject a dynamic status item into the primary navigation.
When to use this approach
Use this method when you want to surface the live status of an external service (for example, a vendor's uptime page) directly in your header, and a static link is not sufficient.
Before you begin
- You must have admin access to your Document360 knowledge base portal.
- You need the status page's public API or embeddable script (for example, a Statuspage.io-style endpoint) and its page ID.
- Remove any existing Primary navigation item for the same tool first, to avoid a duplicate entry appearing alongside the injected one.
Add the injection script
- In the Document360 portal, navigate to Connections > Integrations.
- Under Custom HTML, click Add.
- Enter a Description (for example, "Live status indicator - header").
- Paste your injection script into the code editor. The script should locate the primary navigation list (selector: d360-navigation-menu.nav-r ul.primaryUL), create a new list item once, and update its status color by calling your status provider's API.
- Choose At the end of body as the insertion position.
- Click Add.
Limitations
The injected item's position is determined by the script and is fixed relative to existing items (for example, immediately before a specific nav item) at the time it runs. It cannot be repositioned using the Reorder option in Primary navigation while the script is active; to move it, edit the script.
Custom HTML runs at the project level and applies across all workspaces. It is not possible to show the indicator in only one workspace without using Code inclusion/exclusion conditions.
Because this relies on custom JavaScript targeting Document360's internal DOM structure, a future Document360 update could change that structure and break the script.
Test after any major Document360 release.
Troubleshooting
- If the indicator does not appear, confirm the script is inserted At the end of body and that no ad blocker or Content Security Policy setting is blocking the third-party status script.
- If the indicator appears but the color never updates, verify the status provider's script URL is correct and reachable, and check the browser console for errors.
- If the indicator appears twice, check whether a Primary navigation Custom URL item for the same tool is still present and remove it.
FAQ
Can I use this for any status page provider, not just Statuspage.io-style services?
Yes, as long as the provider exposes a script or API that returns a status value your injection script can read and apply as a CSS class or color.