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>
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
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.
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.
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>
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.
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.
com.bhi.collector.noclose.css
(any unique key)atl.general
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;
}
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.
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
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.
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>
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.
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?
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.
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"
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.
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.
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.
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;
}
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.
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.
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 ?
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.
Can you take a look this ? maybe can help
https://support.atlassian.com/jira-cloud-administration/docs/customize-the-jira-issue-collector/
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.
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.
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.
seems someone had the same query before?
https://community.atlassian.com/forums/Jira-questions/Edit-batch-css/qaq-p/2425049
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.
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?
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
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.