diff --git a/awx/ui/static/js/forms/Credentials.js b/awx/ui/static/js/forms/Credentials.js
index d03498e4a1..4726b5d540 100644
--- a/awx/ui/static/js/forms/Credentials.js
+++ b/awx/ui/static/js/forms/Credentials.js
@@ -238,6 +238,7 @@ angular.module('CredentialFormDefinition', [])
variable: 'key_required',
init: true
},
+ hintText:"drag and drop an SSH private key file on the field below",
addRequired: false,
editRequired: false,
awDropFile: true,
diff --git a/awx/ui/static/less/ansible-ui.less b/awx/ui/static/less/ansible-ui.less
index c3e81562e1..05d454d377 100644
--- a/awx/ui/static/less/ansible-ui.less
+++ b/awx/ui/static/less/ansible-ui.less
@@ -480,6 +480,16 @@ dd {
padding-right: 10px;
}
+.label-hint-text {
+ font-weight: normal;
+ color: @grey;
+}
+.label-hint-text:before {
+ /* for a line break before hintText */
+ content: '\A';
+ white-space: pre;
+}
+
#group_form #group_tabs {
margin-top: 25px;
}
diff --git a/awx/ui/static/lib/ansible/form-generator.js b/awx/ui/static/lib/ansible/form-generator.js
index 0743c2887b..8f80490eb8 100644
--- a/awx/ui/static/lib/ansible/form-generator.js
+++ b/awx/ui/static/lib/ansible/form-generator.js
@@ -545,6 +545,7 @@ angular.module('FormGenerator', ['GeneratorHelpers', 'Utilities', 'ListGenerator
html += "" + field.label + "";
}
html += (field.awPopOver && !field.awPopOverRight) ? Attr(field, 'awPopOver', fld) : "";
+ html += (field.hintText) ? " Hint: " + field.hintText + "" : "";
html += "\n";
}
return html;