Create
cancel
Showing results for 
Search instead for 
Did you mean: 
Sign up Log in

Customise Status Page using HTML and CSS

Sriram PH September 14, 2020

Screen Shot 2020-09-14 at 5.08.17 PM.pngCan we customise the status Page content instead of only Header and Footer ? 
In my case, I needed an tabular representation to show my status (above image), I could achieve showing data in tabular format but there is no way we can delete the actual Status data which is rendered in page content (Please refer below image).

Screen Shot 2020-09-14 at 7.50.45 PM.pngKindly help me in this.
Thanks

1 answer

0 votes
Pete Peterson October 1, 2020

You are able to change practically anything if you know either its id or class name. The custom CSS and javascript render after the DOM loads, I believe. We've used this to hide incidents and make them clickable to reveal them vs. just spamming the whole page with them. It is very customizable.

Sriram PH October 12, 2020

Yep! Thanks, I could do the customisation..

Sarvesh Damle January 6, 2021

Sriram: I need something similar. Can you post your header and footer HTML pls?

Matheus F_ Nishida April 8, 2024

Yes, me too. Would you mind, pls, pasting the HTML/CSS content here?

 

Thanks!

Pete Peterson April 8, 2024

I created a repo of our custom css and HTML here:

 

Custom CSS and HTML for Stauspage 

 

The HTML is basically a <script> tag that contains a bunch of javascript to alter the names of some text, as well as change the layout of statuspage itself. Hopefully it gives you ideas. There is also some custom css in there that is for what we post via API, which essentially sends HTML to be displayed in Statuspage.

Suggest an answer

Log in or Sign up to answer
DEPLOYMENT TYPE
CLOUD
PERMISSIONS LEVEL
Site Admin
TAGS
AUG Leaders

Atlassian Community Events