StatusDashboard
Custom Code

Overview

Add custom CSS, JavaScript, or HTML to your status dashboard.

View Markdown

Custom code extends your status dashboard with CSS, JavaScript, or replacement header and footer HTML. Use these tools when branding controls alone are not enough for your layout or analytics needs.

In this section

The Custom Code section lets you extend your status dashboard with custom CSS, JavaScript, and HTML. CSS and JavaScript apply across all public dashboard pages; header and footer HTML replace the native platform chrome when set. Custom code settings are per-dashboard.

TopicWhat you configure
CSSStyles injected into a <style> tag to override defaults and match your brand
JSJavaScript executed once when a visitor loads your public dashboard
HeaderHTML that replaces the native status dashboard header
FooterHTML that replaces the native status dashboard footer

Event History

Show resolved incidents and completed maintenance on your dashboard.

CSS

Inject custom CSS into your status dashboard to match your brand.

On this page

In this section

We use cookies

We use essential cookies to keep the site working, and optional analytics cookies to understand how it's used. Read our Privacy Policy.