How to Display the Issue Type Name in Issue Navigator Column Beside the Image Icon
Platform Notice: Data Center Only - This article only applies to Atlassian products on the Data Center platform.
Note that this KB was created for the Data Center version of the product. Data Center KBs for non-Data-Center-specific features may also work for Server versions of the product, however they have not been tested. Support for Server* products ended on February 15th 2024. If you are running a Server product, you can visit the Atlassian Server end of support announcement to review your migration options.
*Except Fisheye and Crucible
Summary
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.
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.
For your information
Please
backup
the original value vm file first before process any changes, which can allow you to easily roll back.
Solution
As an example, which tested in JIRA 7.3.0, 5.2.11 and 4.4:
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>#endThe 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>#endJIRA 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
.
.
Restart JIRA after making this change.
Save
Save
Save
Save
Save
Was this helpful?