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,293,754
Community Members
 
Community Events
165
Community Groups

can we change the name of status of component on statuspage?

Edited

 I have a component name "xyz" and it has  5 statuses Operational, Partial Outage, Degraded Performance, Major Outage, Under Maintenance and I want to only change the name of "partial outage" to "degraded performance new".   Is it possible to change the name of the existing status of any component on the statuspage?   

1 answer

1 accepted

0 votes
Answer accepted

Hi Naveen,

 

Yes you can. You can customize the names of the different component statuses. For example, you can change "Operational" to "Everything's OK!"

<!-- Customize (don't change the ones you want to stay the same) the values declared in the first four lines and then paste the following into your Custom Footer section -->

<script>
    $(function() {
        var operationalText = "Operational"
        var degradedText = "Degraded Performance"
        var partialText = "Partial Outage"
        var majorText = "Major Outage"
        var newText = function(str) {
        if (str.indexOf('Operational') != -1) {
            return str.replace('Operational', operationalText);
        }
        if (str.indexOf('Degraded Performance') != -1) {
            return str.replace('Degraded Performance', degradedText);
        }
        if (str.indexOf('Partial Outage') != -1) {
            return str.replace('Partial Outage', partialText);
        }
        if (str.indexOf('Major Outage') != -1) {
            return str.replace('Major Outage', majorText);
        }
        }
        $('.legend-item').each(function() {
            var $this = $(this);
            var $html = $this.html();
            $this.html(newText($html));
        });
        $('.component-inner-container .component-status').each(function() {
            var $this = $(this);
            var $html = $this.html();
            $this.html(newText($html));
        });
    });
</script>

Hope this helps.

Regards,
Howard

hey @Howard Nedd thanks for the quick response, but I am a beginner on statuspage, Can you please elaborate on it like where I can find the "Custom Footer section" or do I need to write some script and use the code you provided.
any help will be appreciable.

Hey @Naveen Mishra ,

 

Your welcome. So let me describes the steps to show you how to do it.


  1. Go to: https://manage.statuspage.io/
  2.  Go to Your Page: 
  3. Go to Customize page and emails
  4. click on Customize HTML & CSS
  5. Add the code I have given to you in my prior message in the Custom Footer HTML , adjust the status names that's between the "....."and Publish your changes
<script>

    $(function() {

        var operationalText = "Operational"

        var degradedText = "Degraded Performance"

        var partialText = "Partial Outage"

        var majorText = "Major Outage"

        var newText = function(str) {

        if (str.indexOf('Operational') != -1) {

            return str.replace('Operational'operationalText);

        }

        if (str.indexOf('Degraded Performance') != -1) {

            return str.replace('Degraded Performance'degradedText);

        }

        if (str.indexOf('Partial Outage') != -1) {

            return str.replace('Partial Outage'partialText);

        }

        if (str.indexOf('Major Outage') != -1) {

            return str.replace('Major Outage'majorText);

        }

        }

        $('.legend-item').each(function() {

            var $this = $(this);

            var $html = $this.html();

            $this.html(newText($html));

        });

        $('.component-inner-container .component-status').each(function() {

            var $this = $(this);

            var $html = $this.html();

            $this.html(newText($html));

        });

    });

</script>

 

I hope this helps.

Regards,
Howard

Like Naveen Mishra likes this

 

Your code goes here:

 

footer.jpg

Like Naveen Mishra likes this

Hi, @Howard Nedd thanks a lot for your kind help. I really appreciate it. I have added the script in custom footer HTML and changed the operational status to "everything is ok" and it reflects the name change on the component as you can see in the attached images. But I also want to reflect the changes on the dropdown on the status name of "components". If there is a way to change that too, that will be very much helpful.

Suggest an answer

Log in or Sign up to answer
TAGS
Community showcase
Published in Statuspage

New feature: Slack notifications for Statuspage

We're excited to announce the release of a long-requested feature on Statuspage. Now visitors to your status page can subscribe to get notified in Slack when you report an incident or maintenance. Th...

3,047 views 8 20
Read article

Community Events

Connect with like-minded Atlassian users at free events near you!

Find an event

Connect with like-minded Atlassian users at free events near you!

Unfortunately there are no Community Events near you at the moment.

Host an event

You're one step closer to meeting fellow Atlassian users at your local event. Learn more about Community Events

Events near you