MaxPropertyWidth PreValue + Implementation

src/Umbraco.Web.UI.Client/src/views/propertyeditors/blocklist/blocklist.component.html

@@ -1,7 +1,7 @@
 <div class="umb-block-list">
 
 
-    <div class="umb-block-list__wrapper">
+    <div class="umb-block-list__wrapper" ng-style="vm.listWrapperStyles">
 
         <div ui-sortable="vm.sortableOptions" ng-model="vm.blocks">
 

src/Umbraco.Web.UI.Client/src/views/propertyeditors/blocklist/blocklist.component.js

@@ -50,6 +50,8 @@
         vm.$onInit = function() {
 
             vm.validationLimit = vm.model.config.validationLimit;
+
+            vm.listWrapperSyles = {'max-width': vm.model.config.maxPropertyWidth};
             
             // We need to ensure that the property model value is an object, this is needed for modelObject to recive a reference and keep that updated.
             if(typeof vm.model.value !== 'object' || vm.model.value === null) {// testing if we have null or undefined value or if the value is set to another type than Object.

src/Umbraco.Web/PropertyEditors/BlockListConfiguration.cs

@@ -57,8 +57,8 @@ namespace Umbraco.Web.PropertyEditors
         [ConfigurationField("useInlineEditingAsDefault", "Inline editing mode", "boolean", Description = "Use the inline editor as the default block view.")]
         public bool UseInlineEditingAsDefault { get; set; }
 
-        [ConfigurationField("propertyWidth", "Property editor width", "textstring", Description = "optional css overwrite, example: 800px or 100%")]
-        public string propertyWidth { get; set; }
+        [ConfigurationField("maxPropertyWidth", "Property editor width", "textstring", Description = "optional css overwrite, example: 800px or 100%")]
+        public string MaxPropertyWidth { get; set; }
 
     }
 }