Forums

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

Disable or hide issue collector close button

VVC
Contributor
September 4, 2025

I'm using a issue collector direct (template) form link and invoking it directly using a button on the announcement banner. The issue collector form opens up on a new tab and users were able to submit the feedback. The Close button on this form doesn't work.

Would it be possible to disable or hide this Close button? Please suggest the steps on how to disable or hiding this button.

Below is the code that I used in the announcement banner section.

<div class="aui-message aui-message-info aui-message-arrowed-top" style="margin-bottom: 0;">
<p><strong> To feedback click the button below:</strong></p>
<p>
<a href="https://jiraxxxx/rest/collectors/1.0/template/form/12e59cdbb7?os_authType=none#" target="_blank" class="aui-button">
feedback
</a>
</p>
</div>



2 answers

0 votes
jose suarez September 5, 2025

I think , by imports JQuery library maked conflict with the JS framework of Jira,  :/ maybe is better rollback the changes and think in another way to make the Close button hide, the error above seems critical

VVC
Contributor
September 5, 2025

In the previous Non-JQuery method, the issue collector template form always opens up in a new tab, hence I believe the custom css (display: none) may never work.

With JQuery, the JS errors are way too many just for Priority field. Looks like the Non-JQuery approach is better, as Close functionality can be ignored.

Thanks Jose for your support.

Like jose suarez likes this
jose suarez September 5, 2025

my pleasure

0 votes
jose suarez September 4, 2025

Hi, did you try with the  CSS style 

display: none

something like this 

<style>
span {
display: none;
}
</style>
</head>
<body>

<h1>Display span elements as block elements</h1>

<span>A display property with</span> <span>a value of "block" results in</span> <span>a line break between each span elements.</span>

</body>
</html>

 

VVC
Contributor
September 4, 2025

Hi @jose suarez 

yes, I tried using the script runner > UI Fragments > Install Web resource but it didn't worked. I still see the Close button/link next to submit button on my issue collector form.

  • Key: com.bhi.collector.noclose.css (any unique key)
  • Contexts: atl.general
  • Resources → CSS:
    collector/close.css

close.css code

/* Hide the AUI Dialog2 "X" close icon in the Issue Collector modal */
.aui-dialog2 .aui-dialog2-header .aui-dialog2-header-close {
display: none !important;
}

 

jose suarez September 4, 2025

ok , so maybe a style of the CSS framework make this CSS null ? coou you try with the tag " !important " 

 

display: none !important;

 

also, if you are familiarise explore the code, can help by open the Inspector and explore the html tag and style that apply on this element

image (10).png

VVC
Contributor
September 4, 2025

I believe this is what you're referring to. Using developer tools > Elements > I found the Close button under the following code 

<div class="dialog-button-panel"> <input type="submit" class="aui-button aui-button-primary submit-button" value="Submit" resolved=""> <a href="#" class="cancel">Close</a> </div>

  2025-09-04_17-31-29.jpg

VVC
Contributor
September 4, 2025

Embedding the issue collector code directly in the Announcement banner doesn't work across all Jira DC pages, so I created a button in the Announcement banner to open the form. This works well, except the Close button is non-functional.

Has anyone explored alternative methods for displaying the issue collector form globally within Jira?

jose suarez September 5, 2025

Sorry , what you mean with "except the Close button is non-functional."  by clicking it do nothing ? as per your post above you mentioned that you want to hidden it ? 

"Would it be possible to disable or hide this Close button? " 

if you have access to the code, add this attribute on the "close" button it will work for sure, I could imaging that this is a template file , so any change on this template will affect everything where the template is used

 

style="display : none !important"

WhatsApp Image 2025-09-05 at 10.35.22.jpeg

 

VVC
Contributor
September 5, 2025

I'm trying to figure out the source file name where this code resides from the Devtools

VVC
Contributor
September 5, 2025

The form.aui .cancel is bundled into the Jira batch.css file and it looks like this file is not editable directly because it's dynamically generated from plugin sources.

Hence I tried override using a custom CSS injected into Announcement banner section directly. The styling of the close link did not override with this custom css, hence looking at other alternatives.

Untitled.png

jose suarez September 5, 2025

I see,  hummm  :/  ,can you expand the HTML where is that style,  maybe by XPath you can overwriting ??

 

did you tried this , the attribute !important  should work:

form.aui .cancel{

    display: none !important;

}
or maybe if you can add this line on the HTML ?
style="display: none !important;"

 

I think these templates are generated dynamically but should have some HTML somewhere and there you can  gently "force" to costume the style.

 

VVC
Contributor
September 5, 2025

yes, I have already tried this. when I expand the HTML element, it shows the url of the same issue collector template form.

2025-09-05_12-18-58.jpg

jose suarez September 5, 2025

Ok, the DOM for the style that you added it , dont exists on that HTML as I can see. for sre it exist on the template itself, is there a way to open it ? 

VVC
Contributor
September 5, 2025

I tried the approach as documented in the document "Customize the Jira work item collector" but it doesn't work on all pages inside Jira, unless I'm doing something wrong.

Yes, it exists on the template itself and changing the display: none inside devtools does remove the Close button on the template immediately. When trying to replicate using the custom css, the override does not take into effect.

Also, I do not see a way to directly modify batch.css file in Jira, as it generated dynamically and from what I understand searching online.

jose suarez September 5, 2025
Like VVC likes this
VVC
Contributor
September 5, 2025

Using custom trigger and JQuery, I got the issue collector working finally which opens up as pop up out window and the close button works. Now, the priority button doesn't work on this issue collector form. Upon clicking the priority field, the drop down functionality is broken and does not list the priority options. When you type in the priority, the value changes to the relevant option.

Any chance to identify and fix this problem?

2025-09-05_14-56-08.jpg

DEVTOOLS error:

Uncaught TypeError: Cannot read properties of undefined (reading 'left')
at p.offset (batch.js?locale=en-US:1307:549)
at p.offset (batch.js?locale=en-US:738:545)
at p.left (batch.js?locale=en-US:1297:201)
at p.getPositioning (batch.js?locale=en-US:1317:4314)
at p.setPosition (batch.js?locale=en-US:1317:4724)
at p._show (batch.js?locale=en-US:1317:6243)
at p._showContent (batch.js?locale=en-US:1317:3965)
at batch.js?locale=en-US:1317:3880
at p.<anonymous> (batch.js?locale=en-US:1317:5946)
at p.<anonymous> (batch.js?locale=en-US:1317:3495)
offset @ batch.js?locale=en-US:1307
(anonymous) @ batch.js?locale=en-US:738
left @ batch.js?locale=en-US:1297
getPositioning @ batch.js?locale=en-US:1317
setPosition @ batch.js?locale=en-US:1317
_show @ batch.js?locale=en-US:1317
_showContent @ batch.js?locale=en-US:1317
(anonymous) @ batch.js?locale=en-US:1317
(anonymous) @ batch.js?locale=en-US:1317
(anonymous) @ batch.js?locale=en-US:1317
(anonymous) @ batch.js?locale=en-US:1317
content @ batch.js?locale=en-US:1282
content @ batch.js?locale=en-US:1317
refreshContent @ batch.js?locale=en-US:1317
_lazyInit @ batch.js?locale=en-US:1317
show @ batch.js?locale=en-US:1317
showSuggestions @ batch.js?locale=en-US:3807
_setSuggestions @ batch.js?locale=en-US:3807
_setSuggestions @ batch.js?locale=en-US:3812
(anonymous) @ batch.js?locale=en-US:738
(anonymous) @ batch.js?locale=en-US:3807
i @ batch.js?locale=en-US:143
add @ batch.js?locale=en-US:143
_handleCharacterInput @ batch.js?locale=en-US:3807
_handleCharacterInput @ batch.js?locale=en-US:3812
(anonymous) @ batch.js?locale=en-US:738
_handleDown @ batch.js?locale=en-US:3807
click @ batch.js?locale=en-US:3807
_dispatchers.<computed> @ batch.js?locale=en-US:743
dispatch @ batch.js?locale=en-US:153
v.handle @ batch.js?locale=en-US:153

Suggest an answer

Log in or Sign up to answer
DEPLOYMENT TYPE
SERVER
TAGS
AUG Leaders

Atlassian Community Events