You're on your way to the next level! Join the Kudos program to earn points and save your progress.
Level 1: Seed
25 / 150 points
Next: Root
1 badge earned
Challenges come and go, but your rewards stay with you. Do more to earn more!
What goes around comes around! Share the love by gifting kudos to your peers.
Keep earning points to reach the top of the leaderboard. It resets every quarter so you always have a chance!
Join now to unlock these features and more
The Atlassian Community can help you and your team get more value out of Atlassian products and practices.
Is there css or html code that would default the Component groups of components to always show expanded when the status is operational?
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?
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.
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.
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
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.
@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>
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.