nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Disable or hide issue collector close button

VVC

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>

Accepted answers

All comments

jose suarez_pgkx6p

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

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 */<br>.aui-dialog2 .aui-dialog2-header .aui-dialog2-header-close {<br>display: none !important;<br>}

jose suarez_pgkx6p

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

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>

jose suarez_pgkx6p

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

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.

jose suarez_pgkx6p

my pleasure

Welcome!

It looks like you're new here. Sign in or register to get started.

Quick Links

Find more posts tagged with

server

jira

jira-server

jira-data-center

data-center