diff --git a/ui/index.jsp b/ui/index.jsp
index 46f49f00984..ce1183d4924 100644
--- a/ui/index.jsp
+++ b/ui/index.jsp
@@ -1647,6 +1647,7 @@ under the License.
     <script type="text/javascript" src="scripts/ui-custom/autoscaler.js?t=<%=now%>"></script>
     <script type="text/javascript" src="scripts/ui-custom/healthCheck.js?t=<%=now%>"></script>
     <script type="text/javascript" src="scripts/autoscaler.js?t=<%=now%>"></script>
+    <script type="text/javascript" src="scripts/ui-custom/granularSettings.js?t=<%=now%>"></script>
     <script type="text/javascript" src="scripts/ui-custom/zoneChart.js?t=<%=now%>"></script>
     <script type="text/javascript" src="scripts/ui-custom/dashboard.js?t=<%=now%>"></script>
     <script type="text/javascript" src="scripts/installWizard.js?t=<%=now%>"></script>
diff --git a/ui/scripts/ui-custom/granularSettings.js b/ui/scripts/ui-custom/granularSettings.js
new file mode 100644
index 00000000000..02d5c1fcbaa
--- /dev/null
+++ b/ui/scripts/ui-custom/granularSettings.js
@@ -0,0 +1,46 @@
+// Licensed to the Apache Software Foundation (ASF) under one
+// or more contributor license agreements.  See the NOTICE file
+// distributed with this work for additional information
+// regarding copyright ownership.  The ASF licenses this file
+// to you under the Apache License, Version 2.0 (the
+// "License"); you may not use this file except in compliance
+// with the License.  You may obtain a copy of the License at
+//
+//   http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing,
+// software distributed under the License is distributed on an
+// "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+// KIND, either express or implied.  See the License for the
+// specific language governing permissions and limitations
+// under the License.
+
+(function($, cloudStack) {
+  cloudStack.uiCustom.granularSettings = function(args) {
+    var dataProvider = args.dataProvider;
+    var actions = args.actions;
+    
+    return function(args) {
+      var context = args.context;
+      
+      var listView = {
+        id: 'settings',
+        fields: {
+          name: { label: 'label.name' },
+          value: { label: 'label.value', editable: true }
+        },
+        actions: {
+          edit: {
+            label: 'label.change.value',
+            action: actions.edit
+          }
+        },
+        dataProvider: dataProvider
+      };
+      
+      var $listView = $('<div>').listView({ context: context, listView: listView });
+      
+      return $listView;
+    }
+  };
+}(jQuery, cloudStack));