apple-touch-icon for Jira

[JustinDooley]

Jira is setup and works great but I can't figure out where to put the icon file for the pinned version of the site on ios devices. Apple says to add this to your page and it will use that as an icon, otherwisr it will take a screen grab and shrink it down.

<linkrel="apple-touch-icon-precomposed"sizes="57x57"href="iconfilename-precomposed.png"/>

This is not a problem, I jsut want to know where to add this snippet to Jira so that the icon dosn't look like a little white blob.

[rsperafico · Accepted solution]

Hi Justin,

Please, go to your <jira-install>/atlassian-jira/includes/decorators/aui-layout/head-common.jsp. At the bottom of this file you will find something like:

<link rel="shortcut icon" href="<%= headerFooterRendering.getRelativeResourcePrefix()%>/favicon.ico">
<link rel="search" type="application/opensearchdescription+xml" href="<%= request.getContextPath()%>/osd.jsp" title="<%= headerFooterRendering.getPageTitle(originalPage) %>"/>

Please, append your icon to it, as per following:

<link rel="shortcut icon" href="<%= headerFooterRendering.getRelativeResourcePrefix()%>/favicon.ico">
<link rel="search" type="application/opensearchdescription+xml" href="<%= request.getContextPath()%>/osd.jsp" title="<%= headerFooterRendering.getPageTitle(originalPage) %>"/>
<link rel="apple-touch-icon" sizes="57x57" href="<path to your icon>/my-icon-57.png"/>

Please, refer to Specifying a Webpage Icon for Web Clip for further information.

Kind regards,
Rafael

[JustinDooley]

Excellent. Exactly what I was looking for. For thouse looking to do the same. This is what I put in the file.

<link rel="apple-touch-icon" href="<%= headerFooterRendering.getRelativeResourcePrefix()%>/jira_icon_60.png">
<link rel="apple-touch-icon" sizes="76x76" href="<%= headerFooterRendering.getRelativeResourcePrefix()%>/jira_icon_76.png">
<link rel="apple-touch-icon" sizes="120x120" href="<%= headerFooterRendering.getRelativeResourcePrefix()%>/jira_icon_120.png">
<link rel="apple-touch-icon" sizes="152x152" href="<%= headerFooterRendering.getRelativeResourcePrefix()%>/jira_icon_152.png">

And I placed the icons in <jira-install>/atlassian-jira