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

Pop up a user picker window.

Alok Agnihotri

Hi,

We want to provide a "user picker field" when a user selects a "yes" on a custom radio type field.

It means the create issue screen has a radio custom field with options Yes and No. When a user selects "yes", we want an additional "user picker" field to appear on the screen.

Please suggest any appropriate solution?

Accepted answers

RambanamP

as @zezetosaid, add user picker field to create screen and add the following script on announcement banner by replacing custom field id's

&lt;script type="text/javascript"&gt;  
jQuery(document).ready(function($) {	
JIRA.bind(JIRA.Events.NEW_CONTENT_ADDED, function (e, context) {	
	showHideFunction();
});
	showHideFunction();
function showHideFunction(){	
			showHideUserPickerField();		
		$('input:radio[name=customfield_10001]').click(function() {			
			showHideUserPickerField();
		});	
		
			
}
	function showHideUserPickerField(){			
		var radioButtonVal =$('input[name=customfield_10001]:checked + label').text();		
		if( radioButtonVal == "Yes" ){			
			$("#customfield_10002").closest('div.field-group').show();			
		}else {
			$('#customfield_10002').val('');
			$("#customfield_10002").closest('div.field-group').hide();	
		}
	}
	
});
&lt;/script&gt;

All comments

Nadir MEZIANI

Hi,

I think that the unique solution is to create a select user custom field, add it to create issue screen and put a javascirpt code that hide or show this field in the description of your radio buton field.

RambanamP

as @zezetosaid, add user picker field to create screen and add the following script on announcement banner by replacing custom field id's

&lt;script type="text/javascript"&gt;  
jQuery(document).ready(function($) {	
JIRA.bind(JIRA.Events.NEW_CONTENT_ADDED, function (e, context) {	
	showHideFunction();
});
	showHideFunction();
function showHideFunction(){	
			showHideUserPickerField();		
		$('input:radio[name=customfield_10001]').click(function() {			
			showHideUserPickerField();
		});	
		
			
}
	function showHideUserPickerField(){			
		var radioButtonVal =$('input[name=customfield_10001]:checked + label').text();		
		if( radioButtonVal == "Yes" ){			
			$("#customfield_10002").closest('div.field-group').show();			
		}else {
			$('#customfield_10002').val('');
			$("#customfield_10002").closest('div.field-group').hide();	
		}
	}
	
});
&lt;/script&gt;

Alok Agnihotri

@zezoto

@rambaran

Thanks for the response!
I tried this JS script in description of radio field as well as in announcement banner.

Still the other user picker field is not showing up?

Any idea about the problem?

Plz suggest.

RambanamP

did you added user picker field to the create issue screen?

did you replaced custom field id?

Alok Agnihotri

yes I have added user picker field and replaced "customfield_10001" with radio field id and
customfield_10002 with user picker id.

Nadir MEZIANI

Hi,

If your radio buton is like this

&lt;fieldset class="group"&gt;
	&lt;legend&gt;&lt;span&gt;User picker? &lt;span class="aui-icon icon-required"&gt;required&lt;/span&gt;&lt;/span&gt;&lt;/legend&gt;
	&lt;div class="radio"&gt;
			&lt;input type="radio" value="11142" name="customfield_10001" id="customfield_10001-1" class="radio" checked="checked"&gt;
			&lt;label for="customfield_10001-1"&gt;No&lt;/label&gt;
	&lt;/div&gt;
	&lt;div class="radio"&gt;
		&lt;input type="radio" value="11143" name="customfield_10001" id="customfield_10001-2" class="radio"&gt;
		&lt;label for="customfield_10001-2"&gt;yes&lt;/label&gt;
	&lt;/div&gt;
   &lt;div class="description"&gt;&lt;/div&gt;
&lt;/fieldset&gt;

Put this script in description of your user picker field

&lt;script type="text/javascript"&gt;

if(AJS.$('#customfield_10001-1').is(':checked')){AJS.$('#customfield_10002').parent().hide();}
AJS.$('#customfield_10001-1').click(function(){AJS.$('#customfield_10002').parent().hide();AJS.$('#customfield_10002').val();})
AJS.$('#customfield_10001-2').click(function(){AJS.$('#customfield_10002').parent().show();})
&lt;/script&gt;

Welcome!

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

Quick Links

Find more posts tagged with

custom-field

jira

user-picker

show