Can the default for components be to always show expanded?

[David Baxter]

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

[Amanda Koster]

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?

[Zach]

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]

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]

@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>