Come for the products,
stay for the community

The Atlassian Community can help you and your team get more value out of Atlassian products and practices.

Atlassian Community about banner
4,370,160
Community Members
 
Community Events
168
Community Groups

Pinning Statuspage uptime graphs to the TOP of the Status Page

Does anyone have any example code of how to pin, or keep, the uptimes graphs at the TOP of the status page. Incoming incidents are pushing the graphs FAR down the page. I would rather have the graph stay at the top.

I might even like disable the showing of the incidents if that is possible and JUST have the graphs. 

I am not a programmer. Your help is appreciated. 

2 answers

0 votes
John M Atlassian Team Sep 09, 2022

Hi @Randy Everett ,

We have some JS snippets that can help with that.

Inserting this code into the Custom HTML Footer will move the components above the incidents: 

<script> $('.components-section').insertBefore('.unresolved- incidents'); </script>

You can remove incidents completely with this one: 

<script> $('.unresolved-incidents').remove(); </script>

You only need to add the opening and closing script tags once if you have multiple code snippets.

Also, be sure the syntax highlighting is working. Here is a video of pasting code into the editor, where the syntax highlighting is initially broken ('incidents' should also be red) due to the line break, but is easily fixed by backspacing once at the beginning of 'incidents'

2022-09-08_16-53-39 (1).gif

0 votes
Abraham Atlassian Team Sep 09, 2022

Hey Randy,

Thanks for reaching out to community. Abe here with Statuspage support. You should be able to achieve this by using something similar to this code snippet which moves the components section above the incidents section. YOu will need to put this in the footer: 


<script> $('.components-section').insertBefore('.unresolved- incidents'); </script>

 You can find more basic code snippets here: 
https://support.atlassian.com/statuspage/docs/css-and-javascript-snippets-for-customizations/#Move-the-components-section-above-the-active-incidents-section

Cheers, 
-Abe, Statuspage Support

Suggest an answer

Log in or Sign up to answer
DEPLOYMENT TYPE
CLOUD
TAGS

Atlassian Community Events