diff --git a/src/Umbraco.Web.UI.Client/src/common/directives/components/editor/umbeditorheader.directive.js b/src/Umbraco.Web.UI.Client/src/common/directives/components/editor/umbeditorheader.directive.js
index 76c2e585f8..ebb780c36e 100644
--- a/src/Umbraco.Web.UI.Client/src/common/directives/components/editor/umbeditorheader.directive.js
+++ b/src/Umbraco.Web.UI.Client/src/common/directives/components/editor/umbeditorheader.directive.js
@@ -195,6 +195,7 @@ Use this directive to construct a header inside the main editor window.
@param {string=} icon Show and edit the content icon. Opens an overlay to change the icon.
@param {boolean=} hideIcon Set to true to hide icon.
@param {string=} alias show and edit the content alias.
+@param {boolean=} aliasLocked Set to true to lock the alias.
@param {boolean=} hideAlias Set to true to hide alias.
@param {string=} description Add a description to the content.
@param {boolean=} hideDescription Set to true to hide description.
@@ -207,7 +208,6 @@ Use this directive to construct a header inside the main editor window.
function EditorHeaderDirective(editorService) {
function link(scope) {
-
scope.vm = {};
scope.vm.dropdownOpen = false;
scope.vm.currentVariant = "";
@@ -262,6 +262,7 @@ Use this directive to construct a header inside the main editor window.
icon: "=",
hideIcon: "@",
alias: "=",
+ aliasLocked: "<",
hideAlias: "=",
description: "=",
hideDescription: "@",
diff --git a/src/Umbraco.Web.UI.Client/src/less/components/umb-locked-field.less b/src/Umbraco.Web.UI.Client/src/less/components/umb-locked-field.less
index 8d9ae86ce7..3dd169e892 100644
--- a/src/Umbraco.Web.UI.Client/src/less/components/umb-locked-field.less
+++ b/src/Umbraco.Web.UI.Client/src/less/components/umb-locked-field.less
@@ -29,7 +29,8 @@
color: @gray-3;
}
-input.umb-locked-field__input {
+input.umb-locked-field__input,
+.umb-locked-field__text {
background: rgba(255, 255, 255, 0); // if using transparent it will hide the text in safari
border-color: transparent !important;
font-size: 13px;
diff --git a/src/Umbraco.Web.UI.Client/src/views/components/editor/umb-editor-header.html b/src/Umbraco.Web.UI.Client/src/views/components/editor/umb-editor-header.html
index aca27da7be..824caa87a9 100644
--- a/src/Umbraco.Web.UI.Client/src/views/components/editor/umb-editor-header.html
+++ b/src/Umbraco.Web.UI.Client/src/views/components/editor/umb-editor-header.html
@@ -46,7 +46,7 @@
ng-if="!hideAlias"
alias="$parent.alias"
alias-from="$parent.name"
- enable-lock="true"
+ enable-lock="aliasLocked !== true"
validation-position="'right'"
server-validation-field="Alias">
diff --git a/src/Umbraco.Web.UI.Client/src/views/components/umb-generate-alias.html b/src/Umbraco.Web.UI.Client/src/views/components/umb-generate-alias.html
index 9d68ea1b63..836e8fc3f1 100644
--- a/src/Umbraco.Web.UI.Client/src/views/components/umb-generate-alias.html
+++ b/src/Umbraco.Web.UI.Client/src/views/components/umb-generate-alias.html
@@ -1,5 +1,5 @@