How to Display the Issue Type Name in Issue Navigator Column Beside the Image Icon

Still need help?

The Atlassian Community is here for you.

Ask the community

 

The information on this page relates to customizations in JIRA Applications. Consequently, Atlassian Support cannot guarantee the provision of any support for the steps described on this page as customizations are not covered under Atlassian Support Offerings. Please be aware that this material is provided for your information only and that you use it at your own risk.

Also, please be aware that customizations done by directly modifying files are not included in the upgrade process. These modifications will need to be reapplied manually on the upgraded instance.

Columns have changed in JIRA 6.1. It's likely this modification is no longer valid for versions of JIRA 6.1 and higher. This page will not be kept up-to-date and is for archival purposes only.

To achieve this use case, you need to modify the following velocity file <installation directory>\atlassian-jira\WEB-INF\classes\templates\jira\issue\field\issuetype-columnview.vm.

As an example, which tested in JIRA 7.3.0, 5.2.11 and 4.4:

For your information

Please backup the original value vm file first before process any changes, which can allow you to easily roll back.

JIRA 5.2.11

The original value of the file in JIRA 5.2.11
issuetype-columnview.vm
##disable_html_escaping() TODO REENABLE
#if (!($displayParams && $displayParams.get('nolink')))
    <a href="${requestContext.baseUrl}/browse/${issue.getKey()}">#end #if ($displayParams.textOnly)$textutils.htmlEncode($!issuetype.nameTranslation, false)#else #set ($iconurl = $issuetype.iconUrlHtml)#if ($iconurl.startsWith('http://') || $iconurl.startsWith('https://'))<img src="$iconurl" height="16" width="16" border="0" align="absmiddle" alt="$textutils.htmlEncode($issuetype.getNameTranslation(), false)" title="$textutils.htmlEncode($issuetype.getNameTranslation(), false) - $textutils.htmlEncode($!issuetype.getDescTranslation(), false)">#else<img src="${requestContext.baseUrl}${iconurl}" height="16" width="16" border="0" align="absmiddle" alt="$textutils.htmlEncode($issuetype.getNameTranslation(), false)" title="$textutils.htmlEncode($issuetype.getNameTranslation(), false) - $textutils.htmlEncode($!issuetype.getDescTranslation(), false)">#end#end#if (!($displayParams && $displayParams.get('nolink')))</a>#end
The modified issuetype-columnview.vm file
issuetype-columnview.vm
##disable_html_escaping() TODO REENABLE
#if (!($displayParams && $displayParams.get('nolink')))
    <a href="${requestContext.baseUrl}/browse/${issue.getKey()}">#end #if ($displayParams.textOnly)$textutils.htmlEncode($!issuetype.nameTranslation, false)#else #set ($iconurl = $issuetype.iconUrlHtml)#if ($iconurl.startsWith('http://') || $iconurl.startsWith('https://'))<img src="$iconurl" height="16" width="16" border="0" align="absmiddle" alt="$textutils.htmlEncode($issuetype.getNameTranslation(), false)" title="$textutils.htmlEncode($issuetype.getNameTranslation(), false) - $textutils.htmlEncode($!issuetype.getDescTranslation(), false)">#else<img src="${requestContext.baseUrl}${iconurl}" height="16" width="16" border="0" align="absmiddle" alt="$textutils.htmlEncode($issuetype.getNameTranslation(), false)" title="$textutils.htmlEncode($issuetype.getNameTranslation(), false) - $textutils.htmlEncode($!issuetype.getDescTranslation(), false)">#end$textutils.htmlEncode($!issuetype.nameTranslation, false)#end#if (!($displayParams && $displayParams.get('nolink')))</a>#end

JIRA 7.3.0

Locate the following block from JIRA 7.3.0 issuetype-columnview.vm:
snippet of issuetype-columnview.vm
.
.
    #if ($iconurl.isPresent())
        <img src="$iconurl.get()" height="16" width="16" border="0" align="absmiddle" alt="$textutils.htmlEncode($issuetype.getNameTranslation(), false)" title="$textutils.htmlEncode($issuetype.getNameTranslation(), false) - $textutils.htmlEncode($!issuetype.getDescTranslation(), false)">
    #else
.
.
and change the single line containing <img...> to:
modified snippet of issuetype-columnview.vm
.
.
    #if ($iconurl.isPresent())
        <img src="$iconurl.get()" height="16" width="16" border="0" align="absmiddle" alt="$textutils.htmlEncode($issuetype.getNameTranslation(), false)" title="$textutils.htmlEncode($issuetype.getNameTranslation(), false) - $textutils.htmlEncode($!issuetype.getDescTranslation(), false)"> $textutils.htmlEncode($!issuetype.nameTranslation, false)
    #else
.
.

 

Please restart JIRA after the changes have been made.

The above modified .vm file can demonstrate the following effect as an example:

 

 

   

Save

Save

Save

Save

Save

Last modified on Feb 26, 2017

Was this helpful?

Yes
No
Provide feedback about this article
Powered by Confluence and Scroll Viewport.