diff --git a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/WEB-INF/partials/canvas/new-parameter-context-dialog.jsp b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/WEB-INF/partials/canvas/new-parameter-context-dialog.jsp
index 1d56304596..dd531838b6 100644
--- a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/WEB-INF/partials/canvas/new-parameter-context-dialog.jsp
+++ b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/WEB-INF/partials/canvas/new-parameter-context-dialog.jsp
@@ -22,6 +22,12 @@
         <div id="parameter-context-tabs-content">
             <div id="parameter-context-standard-settings-tab-content" class="configuration-tab">
                 <div class="settings-left">
+                    <div id="parameter-context-id-setting" class="setting hidden">
+                        <div class="setting-name">Id</div>
+                        <div class="setting-field">
+                            <div id="parameter-context-id-field"></div>
+                        </div>
+                    </div>
                     <div class="setting">
                         <div class="setting-name">Name</div>
                         <div id="parameter-context-name-container" class="setting-field">
diff --git a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/canvas/nf-parameter-contexts.js b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/canvas/nf-parameter-contexts.js
index 88399a201e..a4561cf0e7 100644
--- a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/canvas/nf-parameter-contexts.js
+++ b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/canvas/nf-parameter-contexts.js
@@ -2170,6 +2170,11 @@
             $('#new-parameter-context').on('click', function () {
                 resetUsage();
 
+                // new parameter contexts do not have an ID to show
+                if (!$('#parameter-context-id-setting').hasClass('hidden')) {
+                    $('#parameter-context-id-setting').addClass('hidden');
+                }
+
                 $('#parameter-context-dialog').modal('setHeaderText', 'Add Parameter Context').modal('setButtonModel', [{
                     buttonText: 'Apply',
                     color: {
@@ -2316,6 +2321,12 @@
                 $('#parameter-context-name').val(parameterContextEntity.component.name);
                 $('#parameter-context-description-field').val(parameterContextEntity.component.description);
 
+                // show the parameter context id
+                if ($('#parameter-context-id-setting').hasClass('hidden')) {
+                    $('#parameter-context-id-setting').removeClass('hidden');
+                }
+                $('#parameter-context-id-field').text(parameterContextEntity.id);
+
                 loadParameters(parameterContextEntity);
 
                 // show the context