Jira Help icon besides a custom field!

[Daniel Miks]

Hi

Have added the following script to a custom field (ECU), in order to show the help icon and when pressed pop up a text. In this case a test text!

The help icon ico_help.png shows up underneath the field rather than between field header text and field.

<a data-aui-trigger href="#" aria-controls="ecu-inline">
<img src="/images/icons/ico_help.png"/>
</a>

<style>
aui-inline-dialog{ max-width: 600px; }
</style>

<aui-inline-dialog id="ecu-inline" alignment="bottom left">
Test for the custom field ECU
</aui-inline-dialog>

Any solutions would be much appreciated!

/Daniel

[Daniel Miks · Accepted solution]

Hi

The icons to the right is provided by the Add-on Insight.

But I solved it by changing the script now and it looks like this.

<script type="text/javascript">
AJS.$("#customfield_11013").parent().parent().parent().children('label').append('<a data-aui-trigger href="#" aria-controls="primary-indicator-inline"> <img src="/images/icons/ico_help.png"/> </a>')
</script><style>
aui-inline-dialog{  max-width: 600px; }
</style><aui-inline-dialog id="primary-indicator-inline" alignment="bottom left">
    Text to be shown when clicking the question mark icon
</aui-inline-dialog>

[Andy Heinzer]

Cool, thanks for posting your solution here!

[Juan Ramón Alonso]

I know this is a bit old but maybe a small improvement here could be this:

AJS.$("label[for='customfield_11013']")

instead on going through the parent() tree to find the element (which is likely subject to change in the future with a different layout) using "label for" is an HTML5 standard to find the label that applies to element with a certain ID

... and it is way a bit easier to read :)

[Shivi Gupta]

Hello @Juan Ramón Alonso 

How to redirect the image icon to a different page ? 

Thanks  

[Sonu Verma]

Hi @Daniel Miks 

is this add-on still avilbele in Jira-marketplace  ?

~Thanks 

[Sriharsha]

@Andy Heinzer - Those icons are from Insight Plugin (now Assets).