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

Can the default for components be to always show expanded?

David Baxter March 24, 2020

Is there css or html code that would default the Component groups of  components to always show expanded when the status is operational?

2 answers

0 votes
Amanda Koster December 19, 2022

Hi all, I am seeing this code in the dev tools of an example Statuspage, but where can I find these snippets listed out vs looking into dev tools?

0 votes
Zach
Atlassian Team
Atlassian Team members are employees working across the company in a wide variety of roles.
April 13, 2020

Hey David!

That's a great question! While troubleshooting custom JS/HTML/CSS is out of the scope of a Statuspage support ticket, I wanted to take a crack at solving this over lunch and I think I might have found a positive result. 

I'm no web developer, but below is something I added in the footer section when customizing my page to get have component groups automatically expanded on page load - 

<script>
  $(function() {
    HRB.utils.djshook('component-group-opener').find('.group-parent-indicator').filter('.fa-plus-square-o').toggleClass('fa-plus-square-o').toggleClass('fa-minus-square-o').parent().parent().parent().toggleClass('open');
  });
</script>


Hopefully that helps! I'd just like to note you will need to be on a page plan that allows the use of custom JS for this to work. 

Gokul Varma February 9, 2021

Hi Zach,

 

Could you advise me on what snippet I would need to use to achieve the reverse? I want all Component groups to show up in Contracted form even when one of the Components is marked as part of an Incident.

 

Thanks

Tom Wellner February 14, 2022

@Gokul Varma This here worked for me.

<script>
  $(function() {
    HRB.utils.djshook('component-group-opener').find('.group-parent-indicator').filter('.fa-minus-square-o').toggleClass('fa-minus-square-o').toggleClass('fa-plus-square-o').parent().parent().parent().toggleClass('open');
  });
</script>

Suggest an answer

Log in or Sign up to answer
TAGS
AUG Leaders

Atlassian Community Events