Pop up a user picker window.

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?

3 answers

1 accepted

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

<script type="text/javascript">  
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();	
		}
	}
	
});
</script>

@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.

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

did you replaced custom field id?

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

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.

Hi,

If your radio buton is like this

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

Put this script in description of your user picker field

<script type="text/javascript">

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();})
</script>


Suggest an answer

Log in or Sign up to answer
How to earn badges on the Atlassian Community

How to earn badges on the Atlassian Community

Badges are a great way to show off community activity, whether you’re a newbie or a Champion.

Learn more
Community showcase
Published yesterday in Jira Software

How large do you think Jira Software can grow?

Hi Atlassian Community! My name is Shana, and I’m on the Jira Software team. One of the many reasons this Community exists is to connect you to others on similar product journeys or with comparabl...

309 views 4 9
Read article

Atlassian User Groups

Connect with like-minded Atlassian users at free events near you!

Find a group

Connect with like-minded Atlassian users at free events near you!

Find my local user group

Unfortunately there are no AUG chapters near you at the moment.

Start an AUG

You're one step closer to meeting fellow Atlassian users at your local meet up. Learn more about AUGs

Groups near you