diff --git a/src/Umbraco.Web.UI.Client/src/common/directives/components/umbcontentgrid.directive.js b/src/Umbraco.Web.UI.Client/src/common/directives/components/umbcontentgrid.directive.js
index f226d924af..8d4d3c0392 100644
--- a/src/Umbraco.Web.UI.Client/src/common/directives/components/umbcontentgrid.directive.js
+++ b/src/Umbraco.Web.UI.Client/src/common/directives/components/umbcontentgrid.directive.js
@@ -111,7 +111,7 @@ Use this directive to generate a list of content items presented as a flexbox gr
       function link(scope, el, attr, ctrl) {
 
          scope.clickItem = function(item, $event, $index) {
-            if(scope.onClick) {
+            if(scope.allowClick !== false && scope.onClick) {
                scope.onClick(item, $event, $index);
             }
          };
@@ -133,6 +133,7 @@ Use this directive to generate a list of content items presented as a flexbox gr
          scope: {
             content: '=',
             contentProperties: "=",
+            allowClick: "<?",
             onClick: "=",
             onClickName: "="
          },
diff --git a/src/Umbraco.Web.UI.Client/src/common/directives/components/umbtable.directive.js b/src/Umbraco.Web.UI.Client/src/common/directives/components/umbtable.directive.js
index c6f4c79ea2..b4263ed9fe 100644
--- a/src/Umbraco.Web.UI.Client/src/common/directives/components/umbtable.directive.js
+++ b/src/Umbraco.Web.UI.Client/src/common/directives/components/umbtable.directive.js
@@ -125,7 +125,7 @@
         };
 
         vm.selectItem = function (item, $index, $event) {
-            if (vm.onSelect) {
+            if (vm.allowSelect !== false && vm.onSelect) {
                 vm.onSelect({ item: item, $index: $index, $event: $event });
                 $event.stopPropagation();
             }
@@ -169,6 +169,7 @@
             bindings: {
                 items: '<',
                 itemProperties: '<',
+                allowSelect: '<',
                 allowSelectAll: '<',
                 onSelect: '&',
                 onClick: '&',
diff --git a/src/Umbraco.Web.UI.Client/src/less/components/umb-content-grid.less b/src/Umbraco.Web.UI.Client/src/less/components/umb-content-grid.less
index c590421b97..a55a720878 100644
--- a/src/Umbraco.Web.UI.Client/src/less/components/umb-content-grid.less
+++ b/src/Umbraco.Web.UI.Client/src/less/components/umb-content-grid.less
@@ -8,32 +8,33 @@
 .umb-content-grid__item {
    background: @white;
    flex: 0 1 200px;
-   cursor: pointer;
    position: relative;
    user-select: none;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.16);
    border-radius: 3px;
 }
 
-.umb-content-grid__item {
-    &.-selected, &:hover {
-        &::before {
-            content: "";
-            position: absolute;
-            z-index: 2;
-            top: -2px;
-            left: -2px;
-            right: -2px;
-            bottom: -2px;
-            border: 2px solid @ui-selected-border;
-            border-radius: 5px;
-            box-shadow: 0 0 4px 0 darken(@ui-selected-border, 20), inset 0 0 2px 0 darken(@ui-selected-border, 20);
-            pointer-events: none;
-            transition: opacity 100ms;
-        }
-    }
+.umb-content-grid__item.-clickable {
+   cursor: pointer;
 }
 
+.umb-content-grid__item.-selected,
+.umb-content-grid__item.-clickable:hover {
+   &::before {
+      content: "";
+      position: absolute;
+      z-index: 2;
+      top: -2px;
+      left: -2px;
+      right: -2px;
+      bottom: -2px;
+      border: 2px solid @ui-selected-border;
+      border-radius: 5px;
+      box-shadow: 0 0 4px 0 darken(@ui-selected-border, 20), inset 0 0 2px 0 darken(@ui-selected-border, 20);
+      pointer-events: none;
+      transition: opacity 100ms;
+   }
+}
 
 .umb-content-grid__item:hover {    
     &::before {
diff --git a/src/Umbraco.Web.UI.Client/src/views/components/umb-content-grid.html b/src/Umbraco.Web.UI.Client/src/views/components/umb-content-grid.html
index 90f7b11335..3a07a233c7 100644
--- a/src/Umbraco.Web.UI.Client/src/views/components/umb-content-grid.html
+++ b/src/Umbraco.Web.UI.Client/src/views/components/umb-content-grid.html
@@ -3,7 +3,7 @@
    <div
       class="umb-content-grid__item umb-outline umb-outline--surrounding"
       ng-repeat="item in content"
-      ng-class="{'-selected': item.selected}"
+      ng-class="{'-selected': item.selected, '-clickable': allowClick !== false}"
       ng-click="clickItem(item, $event, $index)">
 
       <div class="umb-content-grid__content">
diff --git a/src/Umbraco.Web.UI.Client/src/views/components/umb-table.html b/src/Umbraco.Web.UI.Client/src/views/components/umb-table.html
index 84932cae74..0e9cd5c705 100644
--- a/src/Umbraco.Web.UI.Client/src/views/components/umb-table.html
+++ b/src/Umbraco.Web.UI.Client/src/views/components/umb-table.html
@@ -34,10 +34,10 @@
         </div>
         <!-- Listview body section -->
         <div class="umb-table-body">
-            <div class="umb-table-row -selectable umb-outline"
+            <div class="umb-table-row umb-outline"
                  ng-repeat="item in vm.items track by $index"
                  ng-init="item.icon = vm.getIcon(item)"
-                 ng-class="{'-selected':item.selected, '-light':!item.published && item.updater != null}"
+                 ng-class="{'-selected':item.selected, '-light':!item.published && item.updater != null, '-selectable': vm.allowSelect !== false }"
                  ng-click="vm.selectItem(item, $index, $event)">
 
                 <div class="umb-table-cell">
diff --git a/src/Umbraco.Web.UI.Client/src/views/content/apps/listview/listview.html b/src/Umbraco.Web.UI.Client/src/views/content/apps/listview/listview.html
index a19d7ea4d9..047def25d2 100644
--- a/src/Umbraco.Web.UI.Client/src/views/content/apps/listview/listview.html
+++ b/src/Umbraco.Web.UI.Client/src/views/content/apps/listview/listview.html
@@ -1,7 +1,11 @@
 <div>
 
     <umb-property ng-repeat="property in model.viewModel track by property.alias" property="property">
-        <umb-property-editor model="property"></umb-property-editor>
+        <umb-property-editor 
+            model="property"
+            ng-attr-readonly="{{variantContent.language.culture === 'da-DK' || undefined}}">
+            <!-- TODO: Update with correct check for readonly -->
+        </umb-property-editor>
     </umb-property>
 
 </div>
diff --git a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/listview/layouts/grid/grid.html b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/listview/layouts/grid/grid.html
index 8bbcb2204c..6d24c9acb8 100644
--- a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/listview/layouts/grid/grid.html
+++ b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/listview/layouts/grid/grid.html
@@ -2,11 +2,13 @@
 
     <div ng-if="entityType !== 'media'">
 
-        <umb-content-grid ng-if="items"
-                          content="items"
-                          content-properties="options.includeProperties"
-                          on-click="vm.selectContentItem"
-                          on-click-name="vm.goToItem">
+        <umb-content-grid 
+            ng-if="items"
+            content="items"
+            content-properties="options.includeProperties"
+            allow-click="!options.readonly"
+            on-click="vm.selectContentItem"
+            on-click-name="vm.goToItem">
         </umb-content-grid>
 
         <umb-empty-state ng-if="!items && options.filter.length === 0 && !vm.isRecycleBin"
diff --git a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/listview/layouts/grid/grid.listviewlayout.controller.js b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/listview/layouts/grid/grid.listviewlayout.controller.js
index 1bd370ae01..36b45773cb 100644
--- a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/listview/layouts/grid/grid.listviewlayout.controller.js
+++ b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/listview/layouts/grid/grid.listviewlayout.controller.js
@@ -105,14 +105,17 @@
         }
 
         function selectContentItem(item, $event, $index) {
+            if ($scope.options.readonly) return;
             listViewHelper.selectHandler(item, $index, $scope.items, $scope.selection, $event);
         }
 
         function selectItem(item, $event, $index) {
+            if ($scope.options.readonly) return;
             listViewHelper.selectHandler(item, $index, vm.itemsWithoutFolders, $scope.selection, $event);
         }
 
         function selectFolder(folder, $event, $index) {
+            if ($scope.options.readonly) return;
             listViewHelper.selectHandler(folder, $index, $scope.folders, $scope.selection, $event);
         }
 
diff --git a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/listview/layouts/list/list.html b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/listview/layouts/list/list.html
index 69dc12d13b..174f411f22 100644
--- a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/listview/layouts/list/list.html
+++ b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/listview/layouts/list/list.html
@@ -40,6 +40,7 @@
         <umb-table
             ng-if="items"
             items="items"
+            allow-select="!options.readonly"
             allow-select-all="options.bulkActionsAllowed"
             item-properties="options.includeProperties"
             on-select="vm.selectItem(item, $index, $event)"
diff --git a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/listview/layouts/list/list.listviewlayout.controller.js b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/listview/layouts/list/list.listviewlayout.controller.js
index f0a165c22f..096341c2dd 100644
--- a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/listview/layouts/list/list.listviewlayout.controller.js
+++ b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/listview/layouts/list/list.listviewlayout.controller.js
@@ -41,6 +41,7 @@
         }
 
         function selectAll() {
+            if ($scope.options.readonly) return;
             listViewHelper.selectAllItemsToggle($scope.items, $scope.selection);
         }
 
@@ -49,6 +50,7 @@
         }
 
         function selectItem(selectedItem, $index, $event) {
+            if ($scope.options.readonly) return;
             listViewHelper.selectHandler(selectedItem, $index, $scope.items, $scope.selection, $event);
         }
 
diff --git a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/listview/listview.controller.js b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/listview/listview.controller.js
index c3c5dff69b..1eb0b0f68c 100644
--- a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/listview/listview.controller.js
+++ b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/listview/listview.controller.js
@@ -163,12 +163,14 @@ function listViewController($scope, $interpolate, $routeParams, $injector, $time
             layouts: $scope.model.config.layouts,
             activeLayout: listViewHelper.getLayout($routeParams.id, $scope.model.config.layouts)
         },
-        allowBulkPublish: $scope.entityType === 'content' && $scope.model.config.bulkActionPermissions.allowBulkPublish,
-        allowBulkUnpublish: $scope.entityType === 'content' && $scope.model.config.bulkActionPermissions.allowBulkUnpublish,
-        allowBulkCopy: $scope.entityType === 'content' && $scope.model.config.bulkActionPermissions.allowBulkCopy,
-        allowBulkMove: $scope.entityType !== 'member' && $scope.model.config.bulkActionPermissions.allowBulkMove,
-        allowBulkDelete: $scope.model.config.bulkActionPermissions.allowBulkDelete,
-        cultureName: $routeParams.cculture ? $routeParams.cculture : $routeParams.mculture
+        allowBulkPublish: $scope.entityType === 'content' && $scope.model.config.bulkActionPermissions.allowBulkPublish && !$scope.readonly,
+        allowBulkUnpublish: $scope.entityType === 'content' && $scope.model.config.bulkActionPermissions.allowBulkUnpublish && !$scope.readonly,
+        allowBulkCopy: $scope.entityType === 'content' && $scope.model.config.bulkActionPermissions.allowBulkCopy && !$scope.readonly,
+        allowBulkMove: $scope.entityType !== 'member' && $scope.model.config.bulkActionPermissions.allowBulkMove && !$scope.readonly,
+        allowBulkDelete: $scope.model.config.bulkActionPermissions.allowBulkDelete && !$scope.readonly,
+        allowCreate: !$scope.readonly,
+        cultureName: $routeParams.cculture ? $routeParams.cculture : $routeParams.mculture,
+        readonly: $scope.readonly
     };
     
     _.each($scope.options.includeProperties, function (property) {
diff --git a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/listview/listview.html b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/listview/listview.html
index 7fad01fe6c..80b4d3d565 100644
--- a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/listview/listview.html
+++ b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/listview/listview.html
@@ -10,7 +10,7 @@
 
            <umb-editor-sub-header-content-left>
 
-               <umb-editor-sub-header-section ng-if="(listViewAllowedTypes && listViewAllowedTypes.length > 0 && (selection.length == 0)) && (currentNodePermissions == null || currentNodePermissions.canCreate)">
+               <umb-editor-sub-header-section ng-if="(listViewAllowedTypes && listViewAllowedTypes.length > 0 && (selection.length == 0)) && (currentNodePermissions == null || currentNodePermissions.canCreate) && options.allowCreate">
 
                     <!-- Renders when it's only possible to create one specific document type for, which no blueprint exists-->
                    <div class="btn-group" ng-show="createAllowedButtonSingle">