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; } } }

SOLVED: Checkboxes on multiple columns in Jira

Roberto Arnetoli

Hi ,

I am trying show checkboxes on multiple columns in the create and edit forms of an issue using a script I found in a older question, but I am still unable to make it work.

The script that I am using is

<script type="text/javascript">
(function($){
 $(document).ready(function(){
 $("input[name='customfield_10405']").parent().attr('style', 'float: left');
 });
})(AJS.$);
</script>

and I am sure the customfield number is correct

Yet, I am unable to make it work.

Can anybody help?

I am using Jira Server v7.4.4

Thanks in advance

Roberto

Accepted answers

Roberto Arnetoli

FINALLY!!

this is the JS to be added to the customfield description to have checkboxes on multiple columns

<script language="javascript">
AJS.$(document).ready(function(){
 Array.from(document.body.getElementsByClassName("checkbox")).forEach(function (cbox) {
   if (cbox.getAttribute('name')=='customfield_10405') {
     cbox.parentNode.style.cssFloat='left';
     cbox.parentNode.style.width='20%';
   }
 });
});
</script>

All comments

Roberto Arnetoli

I have found that the following javascript or css applied to the create issue form source (using Fiddle) do exactly what I need:

var cbox = document.getElementsByClassName("checkbox");
for(var i = 0; i < cbox.length; i++) {
   if (cbox.item(i).getAttribute('name')=='customfield_10405') {
       cbox.item(i).style.cssFloat='left';
       cbox.item(i).style.width='25%';
   }
}

.checkbox[name=customfield_10405] { 
   float: left;
   width: 25%;
}

However, when I try to apply it to the Jira customfield, it does not work :-(

This is what I am adding to the customfield description:

<script language="javascript">
AJS.$(document).ready(function(){
   var cbox = document.getElementsByClassName("checkbox");
   for(var i = 0; i < cbox.length; i++) {
       if (cbox.item(i).getAttribute('name')=='customfield_10405') {
           cbox.item(i).style.cssFloat='left';
           cbox.item(i).style.width='25%';
       }
   }
});
</script>

Any help on what to do?

thanks

Roberto Arnetoli

I found that adding the following JS to the custom field description (replacing the for loop) has an effect on the right customfield, However it is still not doing what I need - it is actually moving the tickbox to the right and making it bigger but still in 1 column (see below).

What am I doing wrong?

<script language="javascript">
AJS.$(document).ready(function(){
   Array.from(document.body.getElementsByClassName("checkbox")).forEach(function (cbox) {
       if (cbox.getAttribute('name')=='customfield_10405') {
           cbox.style.cssFloat='left';
           cbox.style.width='50%';
       }
   });
});
</script>

Roberto Arnetoli

FINALLY!!

this is the JS to be added to the customfield description to have checkboxes on multiple columns

<script language="javascript">
AJS.$(document).ready(function(){
 Array.from(document.body.getElementsByClassName("checkbox")).forEach(function (cbox) {
   if (cbox.getAttribute('name')=='customfield_10405') {
     cbox.parentNode.style.cssFloat='left';
     cbox.parentNode.style.width='20%';
   }
 });
});
</script>

Ramesh Krishnamoorthy_snrxtg

Hi Robert, can you please clarify where exactly the script has to be pasted? And, what about the double quotes in the script? Will they create problems during script eval?

The above script is not working for me and it just gets added into a <p> tag in the page and doesn't get executed. Not sure what I am doing wrong.

Roberto Arnetoli

You have to put it into the description of your custom field.

see screenshots in question as an example

Bill Galvin

Can anyone tell me if this will work in Jira/Cloud?

Sysad

Hi @Roberto Arnetoli

script works great on Jira and it looks as expected on create issue screen. However, do you have any idea how achive similar in the Jira service desk customer portal?

TJ_bmc1g7

Same for me.. does anyone knows how to make this work on Jira Cloud?

Laci

So, visually this works great... however, by putting this script in, I can no longer bulk edit this field. Thoughts on how to make that possible without removing the script? Thanks!

Ivan Torres-Candelaria

Hi! Any way to actually do this for the Customer Portal?

Welcome!

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

Quick Links

Find more posts tagged with

jira

developer

script

checkbox