Forums

Articles
Create
cancel
Showing results for 
Search instead for 
Did you mean: 

How to display custom icons in project sidebar of Jira Server 8.12 ?

Ramarao Gaggara {Appfire}
Rising Star
Rising Star
Rising Stars are recognized for providing high-quality answers to other users. Rising Stars receive a certificate of achievement and are on the path to becoming Community Leaders.
September 7, 2020

How to display custom icons in project sidebar of Jira Server 8.12 ?

It worked alright till Jira Server 8.11 with below approach, but since 8.12 custom icon is not getting displayed in project side bar. What changes that I need to apply on top of below implementation.

atlassian-plugin.xml

<web-resource ...>
  <resource type="download" name="versionmanager.css" location="/versionmanager/versionmanager.css"/>
  <resource type="download" name="version_edit.svg" location="/images/version_edit.svg"/>
  ...
</web-resource>

css file

.some-custom-icon {
 background-image: url("version_edit.svg");
height:auto;
width:auto;
}

 web-item in atlassian-plugin.xml

<web-item ...>
  <param name="iconClass" value="aui-icon-large some-custom-icon"/>
  ...
</web-item>

 

2 answers

1 accepted

0 votes
Answer accepted
Ramarao Gaggara {Appfire}
Rising Star
Rising Star
Rising Stars are recognized for providing high-quality answers to other users. Rising Stars receive a certificate of achievement and are on the path to becoming Community Leaders.
September 7, 2020

After removing below 2 lines of code from css file, I'm able to render custom icon in project sidebar even in Jira 8.12

 height:auto;
width:auto;

Thanks !

0 votes
Dylan Longlands
I'm New Here
I'm New Here
Those new to the Atlassian Community have posted less than three times. Give them a warm welcome!
November 6, 2020

Trying to do this for Bitbucket Server Plugin, but cannot get the image to show. Is there anything additional I need to add? 

 

Web resource: 

<web-resource key="logo" name="Logo">
<resource type="download" name="icon.css" location="css/icon.css"/>
<resource type="download" name="Logo.svg" location="images/Logo.svg">
<param name="content-type" value="image/svg+xml"/>
</resource>
<context>bitbucket.repository.nav</context>
</web-resource>

Web item:

<web-item ....>
...
...
<param name="iconClass" value="aui-icon-large icon"
</web-item> 

CSS: 

.icon {
background-image: url("../images/Logo.svg")
}

Thank you!

Suggest an answer

Log in or Sign up to answer