diff --git a/src/Umbraco.Web.UI.Client/src/common/services/datatypehelper.service.js b/src/Umbraco.Web.UI.Client/src/common/services/datatypehelper.service.js
index 3cde632d4b..f4317b51b7 100644
--- a/src/Umbraco.Web.UI.Client/src/common/services/datatypehelper.service.js
+++ b/src/Umbraco.Web.UI.Client/src/common/services/datatypehelper.service.js
@@ -18,7 +18,8 @@ function dataTypeHelper() {
                     description: preVals[i].description,
                     label: preVals[i].label,
                     view: preVals[i].view,
-                    value: preVals[i].value
+                    value: preVals[i].value,
+                    config: preVals[i].config
                 });
             }
 
@@ -52,4 +53,4 @@ function dataTypeHelper() {
 
     return dataTypeHelperService;
 }
-angular.module('umbraco.services').factory('dataTypeHelper', dataTypeHelper);
\ No newline at end of file
+angular.module('umbraco.services').factory('dataTypeHelper', dataTypeHelper);
diff --git a/src/Umbraco.Web.UI.Client/src/views/common/infiniteeditors/datatypesettings/datatypesettings.controller.js b/src/Umbraco.Web.UI.Client/src/views/common/infiniteeditors/datatypesettings/datatypesettings.controller.js
index 7faaddde77..4e1b3e868d 100644
--- a/src/Umbraco.Web.UI.Client/src/views/common/infiniteeditors/datatypesettings/datatypesettings.controller.js
+++ b/src/Umbraco.Web.UI.Client/src/views/common/infiniteeditors/datatypesettings/datatypesettings.controller.js
@@ -76,7 +76,7 @@
 
                 // get pre values
                 dataTypeResource.getPreValues(newDataType.selectedEditor).then(function(preValues) {
-                    newDataType.preValues = preValues;
+                    newDataType.preValues = dataTypeHelper.createPreValueProps(preValues);
                     vm.dataType = newDataType;
                     vm.loadingDataType = false;
                 });
@@ -88,6 +88,7 @@
         function getDataType() {
             vm.loadingDataType = true;
             dataTypeResource.getById($scope.model.id).then(function (dataType) {
+                dataType.preValues = dataTypeHelper.createPreValueProps(dataType.preValues);
                 vm.dataType = dataType;
                 vm.loadingDataType = false;
             });
diff --git a/src/Umbraco.Web.UI.Client/src/views/datatypes/datatype.edit.controller.js b/src/Umbraco.Web.UI.Client/src/views/datatypes/datatype.edit.controller.js
index a2af8c8239..857351bb93 100644
--- a/src/Umbraco.Web.UI.Client/src/views/datatypes/datatype.edit.controller.js
+++ b/src/Umbraco.Web.UI.Client/src/views/datatypes/datatype.edit.controller.js
@@ -37,18 +37,7 @@ function DataTypeEditController($scope, $routeParams, appState, navigationServic
     
     //method used to configure the pre-values when we retrieve them from the server
     function createPreValueProps(preVals) {
-        vm.preValues = [];
-        for (var i = 0; i < preVals.length; i++) {
-            vm.preValues.push({
-                hideLabel: preVals[i].hideLabel,
-                alias: preVals[i].key,
-                description: preVals[i].description,
-                label: preVals[i].label,
-                view: preVals[i].view,
-                value: preVals[i].value,
-                config: preVals[i].config
-            });
-        }
+        vm.preValues = dataTypeHelper.createPreValueProps(preVals);
     }