Create
cancel
Showing results for 
Search instead for 
Did you mean: 
Sign up Log in
It's not the same without you

Join the community to find out what other Atlassian users are discussing, debating and creating.

Atlassian Community Hero Image Collage

How to display the sprint goal larger in the active sprint page ?

Hello,

I wish to display with a much larger font the sprint goal on the active sprint page. The name of the sprint is displayed very large and the sprint goal is displayed very small. I wish to switch that. 

Thanks for your help.

 

Cyril.

1 answer

1 accepted

0 votes
Answer accepted

Hi @Cyril

You can do this by hacking the UI. Place this script on the Announcement Banner and the Sprint Goal font size will be the same size as the Sprint name:

<script>

jQuery().ready(function() {
    if (window.location.pathname == '/jira/secure/RapidBoard.jspa') {
        console.log("This is a Agile board.");
        waitForElementToDisplay("#ghx-sprint-goal",function(){$("#ghx-sprint-goal").css("font-size", "24px");},1000,9000);
    }
});

function waitForElementToDisplay(selector, callback, checkFrequencyInMs, timeoutInMs) {
var startTimeInMs = Date.now();
(function loopSearch() {
if (document.querySelector(selector) != null) {
callback();
return;
}
else {
setTimeout(function () {
if (timeoutInMs && Date.now() - startTimeInMs > timeoutInMs)
return;
loopSearch();
}, checkFrequencyInMs);
}
})();
}

</script>

If you want to change any look and feel of the Sprint Goal, you can add the respective CSS styling on line 7 of the code.

I hope that this helps.

Thanks,
Moga

Many thanks Moga,

just one more question if you please.

Is it possible to do this only for one space, not all projects on the server ?

Will this disapear on any JIRA version upgrade ?

Have a nice day.

Cyril

Heya @Cyril

The script is looking for board URLs only - we can limit the script to work on specific boards if that's what you are looking for.

<script>

jQuery().ready(function() {
    if (window.location.pathname == '/jira/secure/RapidBoard.jspa' && window.location.search == '?rapidView=10') {
        console.log("This is a Agile board.");
        waitForElementToDisplay("#ghx-sprint-goal",function(){$("#ghx-sprint-goal").css("font-size", "24px");},1000,9000);
    }
});

function waitForElementToDisplay(selector, callback, checkFrequencyInMs, timeoutInMs) {
var startTimeInMs = Date.now();
(function loopSearch() {
if (document.querySelector(selector) != null) {
callback();
return;
}
else {
setTimeout(function () {
if (timeoutInMs && Date.now() - startTimeInMs > timeoutInMs)
return;
loopSearch();
}, checkFrequencyInMs);
}
})();
}

</script>

Please change the value rapidView=ID, you will need to make sure the ID is the board ID from the URL that you are accessing the board.

The content of the Announcement banner will not be removed during any Jira upgrade.

Thanks,
Moga

Like Cyril likes this

Wonderful. Thanks again for your quick answer. That is very helpful.

Suggest an answer

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

Do you use Jira Cloud with Microsoft Teams?

Hi, Jira users! Do you use Jira alongside Microsoft Teams? We want to hear how you’ve used the power of Jira Cloud and Microsoft Teams (via the Jira Cloud for Microsoft Teams app) to achieve a team...

316 views 1 5
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