增加视图样式

o2web/source/x_component_query_Query/$Viewer/default/css.wcss

@@ -288,8 +288,7 @@
         "float": "left"
     },
     "viewSearchFilterNode_over": {
-        "border": "1px solid #fe9145",
-        //"color": "#fe9145",
+        "border": "1px solid #fe9145"
     },
     "viewSearchFilterSelectAreaNode": {
         "height": "17px",
@@ -313,7 +312,7 @@
         "width": "13px",
         "margin": "2px 0px",
         "border-radius": "6px",
-        "background-color": "#666666",
+        "background-color": "#666666"
     },
     "viewSearchFilterSelectButtonNode_over": {
         "background-color": "#fe9145"
@@ -416,7 +415,7 @@
         "z-index": "200"
     },
     "worksAreaTitleNode": {
-        "height": "20px",
+        "height": "20px"
     },
     "worksAreaTitleCloseNode": {
         "width": "20px",
@@ -437,7 +436,7 @@
     },
     "workAreaTitleNode": {
         "height": "20px",
-        "line-height": "20px",
+        "line-height": "20px"
     },
     "workAreaContentNode": {
         "height": "20px",

o2web/source/x_component_query_Query/$Viewer/select/css.wcss

@@ -17,7 +17,7 @@
         "height": "30px"
     },
     "viewPageAreaNode": {
-        "height": "24px",
+        "height": "24px"
         //"margin-top": "28px"
     },
     "viewPageContentNode": {
@@ -161,7 +161,7 @@
         "border": "1px solid #cccccc",
         "float": "none",
         "margin": "10px",
-        "border-radius": "5px",
+        "border-radius": "5px"
     },
     "viewFilterSearchCustomActionNode": {
         "height": "24px",

o2web/source/x_component_query_Query/Viewer.js

@@ -1160,12 +1160,12 @@ MWF.xApplication.query.Query.Viewer.Item = new Class({
     setOpenWork: function(td, column){
         td.setStyle("cursor", "pointer");
         if( column.clickCode ){
-            if( !this.view.Macro ){
-                MWF.require("MWF.xScript.Macro", function () {
-                    this.view.businessData = {};
-                    this.view.Macro = new MWF.Macro.PageContext(this.view);
-                }.bind(this), false);
-            }
+            // if( !this.view.Macro ){
+            //     MWF.require("MWF.xScript.Macro", function () {
+            //         this.view.businessData = {};
+            //         this.view.Macro = new MWF.Macro.PageContext(this.view);
+            //     }.bind(this), false);
+            // }
             td.addEvent("click", function( ev ){
                 var result = this.view.Macro.fire(column.clickCode, this, ev);
                 ev.stopPropagation();

o2web/source/x_component_query_ViewDesigner/$View/skin/config.json

@@ -0,0 +1,46 @@
+{
+  "default": {
+    "name": "默认样式",
+    "file": "styles_default.json",
+    "mode": [
+      "pc"
+    ]
+  },
+  "red-simple": {
+    "name": "红色简洁",
+    "file": "styles_red-simple.json",
+    "mode": [
+      "pc"
+    ]
+  },
+  "blue-simple": {
+    "name": "蓝色简洁",
+    "file": "styles_blue-simple.json",
+    "mode": [
+      "pc"
+    ]
+  },
+  "official": {
+    "name": "公文样式",
+    "file": "styles_official.json",
+    "mode": [
+      "pc"
+    ]
+  },
+  "cmcc": {
+    "name": "集团样式",
+    "file": "styles_cmcc.json",
+    "extendFile": "styles_cmcc_extend.json",
+    "mode": [
+      "pc"
+    ]
+  },
+  "blue-flat": {
+    "name": "蓝白扁平",
+    "file": "styles_blue-flat.json",
+    "extendFile": "styles_blue-flat_extend.json",
+    "mode": [
+      "pc"
+    ]
+  }
+}

o2web/source/x_component_query_ViewDesigner/$View/skin/styles_blue-flat.json

@@ -0,0 +1,47 @@
+{
+  "name": "蓝白扁平",
+  "form": {
+    "styles":{
+      "background-color": "#f1f4f9"
+    }
+  },
+  "table": {
+    "tableStyles": {
+      "background-color": "#FFF",
+      "border" : "1px solid #DCDFE6"
+    },
+    "titleTdStyles":{
+      "background-color": "#F1F4F9",
+      "color": "#12171F",
+      "font-weight": "bold",
+      "height": "30px",
+      "line-height": "30px",
+      "text-align": "center"
+    },
+    "contentTdStyles": {
+      "background-color": "#FFFFFF",
+      "color": "#535861"
+    },
+    "contentTdOverStyles": {
+      "background-color": "#FFFFFF",
+      "color": "#535861"
+    },
+    "contentTdSelectedStyles": {
+      "background-color": "#FFFFFF",
+      "color": "#535861"
+    },
+    "properties": {
+      "width": "100%",
+      "border": "0",
+      "cellpadding": "3",
+      "cellspacing": "5",
+      "align": "center"
+    }
+  },
+  "actionbar": {
+    "style": "xform_blue_flat",
+    "iconOverStyle": "xform_blue_flat_over",
+    "customIconStyle" : "blue",
+    "customIconOverStyle" : "white"
+  }
+}

o2web/source/x_component_query_ViewDesigner/$View/skin/styles_blue-simple.json

@@ -0,0 +1,419 @@
+{
+  "name": "蓝色简洁",
+  "form": {
+    "styles":{
+      "background-color": "#f0f0f0"
+    }
+  },
+  "label": {
+    "banner": {
+      "name": "横幅",
+      "styles": {
+        "background-color": "#3c76b7",
+        "height": "40px",
+        "line-height": "40px",
+        "color": "#ffffff",
+        "font-size": "18px",
+        "padding": "0px 10px",
+        "font-weight": "bold"
+      }
+    },
+
+    "title": {
+      "name": "标题",
+      "styles": {
+        "text-align": "center",
+        "font-size": "24px",
+        "line-height": "60px",
+        "font-weight": "bold",
+        "color": "#3c76b7",
+        "height": "60px"
+      }
+    },
+
+    "section": {
+      "name": "区段标题",
+      "styles": {
+        "height": "40px",
+        "background-color": "#f7f7f7",
+        "line-height": "40px",
+        "padding": "0px 20px",
+        "font-weight": "bold",
+        "color": "#666",
+        "border-bottom": "1px solid #cccccc"
+      }
+    }
+  },
+
+  "div": {
+    "banner": {
+      "name": "横幅",
+      "styles": {
+        "background-color": "#3c76b7",
+        "height": "40px",
+        "line-height": "40px",
+        "color": "#ffffff",
+        "font-size": "18px",
+        "padding": "0px 10px",
+        "font-weight": "bold"
+      }
+    },
+
+    "title": {
+      "name": "标题",
+      "styles": {
+        "text-align": "center",
+        "font-size": "24px",
+        "line-height": "60px",
+        "font-weight": "bold",
+        "color": "#3c76b7",
+        "height": "60px"
+      }
+    },
+    "section": {
+      "name": "区段",
+      "styles": {
+        "padding": "20px 0px",
+        "background-color": "#FFF",
+        "border": "1px solid #cccccc"
+      }
+    }
+  },
+
+  "tab": {
+    "styles": {},
+    "tabAreaStyles": {
+      "height": "40px",
+      "border-bottom": "2px solid #3c76b7"
+    },
+    "contentAreaStyles": {
+      "line-height": "normal",
+      "clear": "both",
+      "overflow": "hidden"
+    },
+    "tabStyles": {
+      "position": "relative",
+      "margin-left": "4px",
+      "margin-top": "0px",
+      "margin-right": "0px",
+      "float": "left",
+      "height": "40px",
+      "cursor": "pointer",
+      "min-width": "100px",
+      "background": "transparent ",
+      "border-top-left-radius": "5px",
+      "border-top-right-radius": "5px",
+      "border": "0px solid #f0f0f0",
+      "border-bottom": "1px solid #3c76b7"
+    },
+    "tabTextStyles": {
+      "color": "#666",
+      "font-weight": "bold",
+      "line-height": "40px",
+      "text-align": "center",
+      "margin-right": "8px",
+      "margin-top": "0px",
+      "margin-left": "8px"
+    },
+    "tabCurrentStyles": {
+      "position": "relative",
+      "margin-top": "0px",
+      "margin-left": "2px",
+      "margin-right": "0px",
+      "float": "left",
+      "height": "40px",
+      "min-width": "100px",
+      "background": "#3c76b7",
+      "border-top-left-radius": "5px",
+      "border-top-right-radius": "5px",
+      "border-top": "0px solid #f0f0f0",
+      "border-left": "0px solid #f0f0f0",
+      "border-right": "0px solid #f0f0f0",
+      "border-bottom": "1px solid #3c76b7"
+    },
+    "tabCurrentTextStyles": {
+      "color": "#FFF",
+      "font-weight": "bold",
+      "line-height": "40px",
+      "text-align": "center",
+      "margin-right": "8px",
+      "margin-left": "8px",
+      "margin-top": "0px"
+    }
+  },
+  "tab$Content": {
+    "styles": {
+      "padding": "20px 0px"
+    }
+  },
+  "table": {
+    "styles": {
+      "background-color": "#FFF",
+      "margin": "10px 0px"
+    },
+    "titleStyles":{
+      "background-color": "#fff",
+      "color": "#333",
+      "font-weight": "bold",
+      "height": "30px",
+      "line-height": "30px",
+      "text-align": "right"
+    },
+    "contentStyles": {
+      "background-color": "#FFFFFF",
+      "color": "#333"
+    },
+    "layoutStyles": {},
+    "properties": {
+      "width": "90%",
+      "border": "0",
+      "cellpadding": "3",
+      "cellspacing": "5",
+      "align": "center"
+    }
+  },
+  "log" : {
+    "tableStyles": {
+      "background-color": "#FFF",
+      "margin": "10px 0px"
+    },
+    "titleStyles":{
+      "background-color": "#fff",
+      "color": "#333",
+      "font-weight": "bold",
+      "height": "30px",
+      "line-height": "30px",
+      "text-align": "right"
+    },
+    "contentStyles": {
+      "background-color": "#FFFFFF",
+      "color": "#333"
+    },
+    "properties": {
+      "width": "90%",
+      "border": "0",
+      "cellpadding": "3",
+      "cellspacing": "5",
+      "align": "center"
+    }
+  },
+  "datagrid": {
+    "styles": {},
+    "tableStyles": {
+      "border": "1px solid #cccccc"
+    },
+    "titleStyles": {
+      "height": "28px",
+      "cursor": "pointer",
+      "line-height": "28px",
+      "overflow": "hidden",
+      "opacity": 1,
+      "border-bottom": "1px solid #ccc",
+      "background-color": "#f0f0f0"
+    },
+    "contentStyles": {
+      "text-align": "center",
+      "height": "30px",
+      "line-height": "30px",
+      "color": "#666"
+    },
+    "actionStyles": {
+      "background-color": "#f7f7f7"
+    },
+    "editStyles": {
+      "background-color": "#fff6f6",
+      "text-align": "center",
+      "height": "30px",
+      "line-height": "30px"
+    },
+    "amountStyles": {
+      "border-top": "1px solid #ccc",
+      "font-weight": "bold",
+      "height": "30px",
+      "line-height": "30px",
+      "text-align": "center",
+      "background-color": "#f0f0f0"
+    },
+    "itemTitleStyles": {
+      "height": "40px",
+      "background-color": "#ffffff",
+      "line-height": "30px",
+      "padding": "0px 15px",
+      "color": "#fb4747",
+      "font-size": "18px",
+      "font-weight": "bold",
+      "border-bottom": "0px solid #cccccc"
+    },
+    "properties": {
+      "border": "0",
+      "cellpadding": "3",
+      "cellspacing": "0",
+      "align": "center"
+    }
+  },
+  "datagrid$Title": {
+    "styles": {
+      "background-color": "#f0f0f0"
+    }
+  },
+  "address": {
+    "styles": {
+      "border-bottom": "1px solid #ccc",
+      "border-top": "0px",
+      "border-left": "0px",
+      "border-right": "0px",
+      "line-height": "26px"
+    },
+    "inputStyles": {
+      "height": "26px",
+      "color": "#666",
+      "border": "0px solid #ccc"
+    }
+  },
+  "combox": {
+    "styles": {
+      "border-bottom": "1px solid #ccc",
+      "border-top": "0px",
+      "border-left": "0px",
+      "border-right": "0px",
+      "line-height": "26px"
+    },
+    "inputStyles": {
+      "height": "26px",
+      "color": "#666",
+      "border": "0px solid #ccc"
+    }
+  },
+  "textfield": {
+    "styles": {
+      "border-bottom": "0px solid #ccc",
+      "border-top": "0px",
+      "border-left": "0px",
+      "border-right": "0px",
+      "line-height": "26px"
+    },
+    "inputStyles": {
+      "height": "26px",
+      "color": "#666",
+      "border-bottom": "1px solid #ccc"
+    }
+  },
+  "calendar": {
+    "styles": {
+      "border-bottom": "0px solid #ccc",
+      "border-top": "0px",
+      "border-left": "0px",
+      "border-right": "0px",
+      "line-height": "26px"
+    },
+    "inputStyles": {
+      "height": "26px",
+      "color": "#666",
+      "border-bottom": "1px solid #ccc"
+    }
+  },
+  "number": {
+    "styles": {
+      "border-bottom": "0px solid #ccc",
+      "border-top": "0px",
+      "border-left": "0px",
+      "border-right": "0px",
+      "line-height": "26px"
+    },
+    "inputStyles": {
+      "height": "26px",
+      "color": "#666",
+      "border-bottom": "1px solid #ccc"
+    }
+  },
+  "personfield": {
+    "styles": {
+      "border-bottom": "0px solid #ccc",
+      "border-top": "0px",
+      "border-left": "0px",
+      "border-right": "0px",
+      "min-height": "20px",
+      "line-height": "26px"
+    },
+    "inputStyles": {
+      "min-height": "26px",
+      "color": "#666",
+      "border-bottom": "1px solid #ccc"
+    }
+  },
+  "orgfield": {
+    "styles": {
+      "border-bottom": "0px solid #ccc",
+      "border-top": "0px",
+      "border-left": "0px",
+      "border-right": "0px",
+      "min-height": "20px",
+      "line-height": "26px"
+    },
+    "inputStyles": {
+      "min-height": "26px",
+      "color": "#666",
+      "border-bottom": "1px solid #ccc"
+    }
+  },
+  "org": {
+    "styles": {
+      "border-bottom": "0px solid #ccc",
+      "border-top": "0px",
+      "border-left": "0px",
+      "border-right": "0px",
+      "min-height": "20px",
+      "line-height": "26px"
+    },
+    "inputStyles": {
+      "min-height": "26px",
+      "color": "#666",
+      "border-bottom": "1px solid #ccc"
+    }
+  },
+  "select": {
+    "styles": {
+      "border-bottom": "0px solid #999",
+      "border-top": "0px",
+      "border-left": "0px",
+      "border-right": "0px",
+      "margin-top": "5px",
+      "color": "#666"
+    },
+    "inputStyles": {
+      "height": "26px",
+      "font-size": "14px"
+    }
+  },
+  "textarea": {
+    "styles": {
+      "border-bottom": "0px solid #ccc",
+      "border-top": "0px",
+      "border-left": "0px",
+      "border-right": "0px"
+    },
+    "inputStyles": {
+      "border-bottom": "1px solid #ccc",
+      "color": "#666"
+    }
+  },
+  "opinion": {
+    "styles": {
+      "border-bottom": "0px solid #ccc",
+      "border-top": "0px",
+      "border-left": "0px",
+      "border-right": "0px"
+    },
+    "inputStyles": {
+      "border-bottom": "1px solid #ccc",
+      "color": "#666"
+    }
+  },
+  "actionbar": {
+    "style": "xform_blue_simple",
+    "customIconStyle" : ""
+  },
+  "attachment" : {
+    "style" : "default"
+  }
+}

o2web/source/x_component_query_ViewDesigner/$View/skin/styles_cmcc.json

@@ -0,0 +1,445 @@
+{
+  "name": "集团样式",
+  "form": {
+    "styles":{
+      "background-color": "#f0f0f0"
+    }
+  },
+  "label": {
+    "banner": {
+      "name": "横幅",
+      "styles": {
+        "background-color": "#3c76b7",
+        "height": "40px",
+        "line-height": "40px",
+        "color": "#ffffff",
+        "font-size": "18px",
+        "padding": "0px 10px",
+        "font-weight": "bold"
+      }
+    },
+
+    "title": {
+      "name": "标题",
+      "styles": {
+        "text-align": "center",
+        "font-size": "36px",
+        "line-height": "100px",
+        "font-weight": "bold",
+        "color": "#f81313",
+        "height": "100px"
+      }
+    },
+
+    "section": {
+      "name": "区段标题",
+      "styles": {
+        "background-color": "#f7f7f7",
+        "height": "35px",
+        "font-size" : "16px",
+        "line-height": "35px",
+        "padding": "0px 10px",
+        "font-weight": "normal",
+        "color": "#555",
+        "border-bottom": "0px"
+      }
+    }
+  },
+
+  "div": {
+    "banner": {
+      "name": "横幅",
+      "styles": {
+        "background-color": "#3c76b7",
+        "height": "40px",
+        "line-height": "40px",
+        "color": "#ffffff",
+        "font-size": "18px",
+        "padding": "0px 10px",
+        "font-weight": "bold"
+      }
+    },
+
+    "title": {
+      "name": "标题",
+      "styles": {
+        "text-align": "center",
+        "font-size": "24px",
+        "line-height": "60px",
+        "font-weight": "bold",
+        "color": "#3c76b7",
+        "height": "60px"
+      }
+    },
+    "section": {
+      "name": "区段标题",
+      "styles": {
+        "background-color": "#f7f7f7",
+        "height": "35px",
+        "font-size" : "16px",
+        "line-height": "35px",
+        "padding": "0px 10px",
+        "font-weight": "normal",
+        "color": "#555",
+        "border-bottom": "0px"
+      }
+    }
+  },
+
+  "tab": {
+    "styles": {},
+    "tabAreaStyles": {
+      "height": "40px",
+      "border-bottom": "2px solid #3c76b7"
+    },
+    "contentAreaStyles": {
+      "line-height": "normal",
+      "clear": "both",
+      "overflow": "hidden"
+    },
+    "tabStyles": {
+      "position": "relative",
+      "margin-left": "4px",
+      "margin-top": "0px",
+      "margin-right": "0px",
+      "float": "left",
+      "height": "40px",
+      "cursor": "pointer",
+      "min-width": "100px",
+      "background": "transparent ",
+      "border-top-left-radius": "5px",
+      "border-top-right-radius": "5px",
+      "border": "0px solid #f0f0f0",
+      "border-bottom": "1px solid #3c76b7"
+    },
+    "tabTextStyles": {
+      "color": "#666",
+      "font-weight": "bold",
+      "line-height": "40px",
+      "text-align": "center",
+      "margin-right": "8px",
+      "margin-top": "0px",
+      "margin-left": "8px"
+    },
+    "tabCurrentStyles": {
+      "position": "relative",
+      "margin-top": "0px",
+      "margin-left": "2px",
+      "margin-right": "0px",
+      "float": "left",
+      "height": "40px",
+      "min-width": "100px",
+      "background": "#3c76b7",
+      "border-top-left-radius": "5px",
+      "border-top-right-radius": "5px",
+      "border-top": "0px solid #f0f0f0",
+      "border-left": "0px solid #f0f0f0",
+      "border-right": "0px solid #f0f0f0",
+      "border-bottom": "1px solid #3c76b7"
+    },
+    "tabCurrentTextStyles": {
+      "color": "#FFF",
+      "font-weight": "bold",
+      "line-height": "40px",
+      "text-align": "center",
+      "margin-right": "8px",
+      "margin-left": "8px",
+      "margin-top": "0px"
+    }
+  },
+  "tab$Content": {
+    "styles": {
+      "padding": "20px 0px"
+    }
+  },
+  "table": {
+    "styles": {
+      "background-color": "#FFF",
+      "margin": "10px 10px",
+      "border" : "1px solid #e1e1e1"
+    },
+    "titleStyles":{
+      "background-color": "#f7f7f7",
+      "color": "#333",
+      "font-weight": "bold",
+      "height": "30px",
+      "line-height": "30px",
+      "text-align": "center"
+    },
+    "contentStyles": {
+      "background-color": "#FFFFFF",
+      "color": "#333"
+    },
+    "layoutStyles": {},
+    "properties": {
+      "width": "100%",
+      "border": "0",
+      "cellpadding": "3",
+      "cellspacing": "5",
+      "align": "center"
+    }
+  },
+  "log" : {
+    "tableStyles": {
+      "background-color": "#FFF",
+      "margin": "10px 10px",
+      "border" : "1px solid #e1e1e1"
+    },
+    "titleStyles":{
+      "background-color": "#f7f7f7",
+      "color": "#333",
+      "font-weight": "bold",
+      "height": "30px",
+      "line-height": "30px",
+      "text-align": "center"
+    },
+    "contentStyles": {
+      "background-color": "#FFFFFF",
+      "color": "#333"
+    },
+    "properties": {
+      "width": "100%",
+      "border": "0",
+      "cellpadding": "3",
+      "cellspacing": "5",
+      "align": "center"
+    }
+  },
+  "datagrid": {
+    "styles": {},
+    "tableStyles": {
+      "border": "1px solid #cccccc"
+    },
+    "titleStyles": {
+      "height": "28px",
+      "cursor": "pointer",
+      "line-height": "28px",
+      "overflow": "hidden",
+      "opacity": 1,
+      "border-bottom": "1px solid #ccc",
+      "background-color": "#f0f0f0"
+    },
+    "contentStyles": {
+      "text-align": "center",
+      "height": "30px",
+      "line-height": "30px",
+      "color": "#666"
+    },
+    "actionStyles": {
+      "background-color": "#f7f7f7"
+    },
+    "editStyles": {
+      "background-color": "#fff6f6",
+      "text-align": "center",
+      "height": "30px",
+      "line-height": "30px"
+    },
+    "amountStyles": {
+      "border-top": "1px solid #ccc",
+      "font-weight": "bold",
+      "height": "30px",
+      "line-height": "30px",
+      "text-align": "center",
+      "background-color": "#f0f0f0"
+    },
+    "itemTitleStyles": {
+      "height": "40px",
+      "background-color": "#ffffff",
+      "line-height": "30px",
+      "padding": "0px 15px",
+      "color": "#fb4747",
+      "font-size": "18px",
+      "font-weight": "bold",
+      "border-bottom": "0px solid #cccccc"
+    },
+    "properties": {
+      "border": "0",
+      "cellpadding": "3",
+      "cellspacing": "0",
+      "align": "center"
+    }
+  },
+  "datagrid$Title": {
+    "styles": {
+      "background-color": "#f0f0f0"
+    }
+  },
+  "address": {
+    "styles": {
+      "border-bottom": "1px solid #ccc",
+      "border-top": "0px",
+      "border-left": "0px",
+      "border-right": "0px",
+      "line-height": "30px"
+    },
+    "inputStyles": {
+      "font-size" : "100%",
+      "height": "30px",
+      "color": "#666",
+      "border": "0px solid #ccc"
+    }
+  },
+  "combox": {
+    "styles": {
+      "border-bottom": "1px solid #ccc",
+      "border-top": "0px",
+      "border-left": "0px",
+      "border-right": "0px",
+      "line-height": "30px"
+    },
+    "inputStyles": {
+      "font-size" : "100%",
+      "height": "30px",
+      "color": "#666",
+      "border": "0px solid #ccc"
+    }
+  },
+  "textfield": {
+    "styles": {
+      "border-bottom": "0px solid #ccc",
+      "border-top": "0px",
+      "border-left": "0px",
+      "border-right": "0px",
+      "line-height": "30px"
+    },
+    "inputStyles": {
+      "font-size" : "100%",
+      "height": "30px",
+      "color": "#666",
+      "border": "1px solid transparent",
+      "border-bottom": "1px solid #ccc"
+    }
+  },
+  "calendar": {
+    "styles": {
+      "border-bottom": "0px solid #ccc",
+      "border-top": "0px",
+      "border-left": "0px",
+      "border-right": "0px",
+      "line-height": "30px"
+    },
+    "inputStyles": {
+      "font-size" : "100%",
+      "height": "30px",
+      "color": "#666",
+      "border": "1px solid transparent",
+      "border-bottom": "1px solid #ccc"
+    }
+  },
+  "number": {
+    "styles": {
+      "border-bottom": "0px solid #ccc",
+      "border-top": "0px",
+      "border-left": "0px",
+      "border-right": "0px",
+      "line-height": "30px"
+    },
+    "inputStyles": {
+      "font-size" : "100%",
+      "height": "30px",
+      "color": "#666",
+      "border": "1px solid transparent",
+      "border-bottom": "1px solid #ccc"
+    }
+  },
+  "personfield": {
+    "styles": {
+      "border-bottom": "0px solid #ccc",
+      "border-top": "0px",
+      "border-left": "0px",
+      "border-right": "0px",
+      "min-height": "30px",
+      "line-height": "30px"
+    },
+    "inputStyles": {
+      "font-size" : "100%",
+      "min-height": "30px",
+      "color": "#666",
+      "border": "1px solid transparent",
+      "border-bottom": "1px solid #ccc"
+    }
+  },
+  "orgfield": {
+    "styles": {
+      "border-bottom": "0px solid #ccc",
+      "border-top": "0px",
+      "border-left": "0px",
+      "border-right": "0px",
+      "min-height": "30px",
+      "line-height": "30px"
+    },
+    "inputStyles": {
+      "font-size" : "100%",
+      "min-height": "30px",
+      "color": "#666",
+      "border": "1px solid transparent",
+      "border-bottom": "1px solid #ccc"
+    }
+  },
+  "org": {
+    "styles": {
+      "border-bottom": "0px solid #ccc",
+      "border-top": "0px",
+      "border-left": "0px",
+      "border-right": "0px",
+      "min-height": "30px",
+      "line-height": "30px"
+    },
+    "inputStyles": {
+      "font-size" : "100%",
+      "min-height": "30px",
+      "color": "#666",
+      "border": "1px solid transparent",
+      "border-bottom": "1px solid #ccc"
+    }
+  },
+  "select": {
+    "styles": {
+      "border-bottom": "0px solid #999",
+      "border-top": "0px",
+      "border-left": "0px",
+      "border-right": "0px",
+      "margin-top": "5px",
+      "color": "#666"
+    },
+    "inputStyles": {
+      "height": "30px",
+      "font-size": "100%"
+    }
+  },
+  "textarea": {
+    "styles": {
+      "border-bottom": "0px solid #ccc",
+      "border-top": "0px",
+      "border-left": "0px",
+      "border-right": "0px"
+    },
+    "inputStyles": {
+      "font-size" : "100%",
+      "border": "1px solid transparent",
+      "border-bottom": "1px solid #ccc",
+      "color": "#666"
+    }
+  },
+  "opinion": {
+    "styles": {
+      "border-bottom": "0px solid #ccc",
+      "border-top": "0px",
+      "border-left": "0px",
+      "border-right": "0px"
+    },
+    "inputStyles": {
+      "font-size" : "100%",
+      "border": "1px solid transparent",
+      "border-bottom": "1px solid #ccc",
+      "color": "#666"
+    }
+  },
+  "actionbar": {
+    "style": "cmcc",
+    "customIconStyle" : "white"
+  },
+  "attachment" : {
+    "style" : "cmcc"
+  }
+}

o2web/source/x_component_query_ViewDesigner/$View/skin/styles_default.json

@@ -0,0 +1,44 @@
+{
+  "name": "传统样式",
+  "form": {
+    "styles":{
+      "background-color": "#f0f0f0"
+    }
+  },
+  "table": {
+    "tableStyles": {
+      "background-color": "#FFF",
+      "border": "1px solid #ddd"
+    },
+    "titleTdStyles":{
+      "background-color": "#eee",
+      "color": "#333",
+      "height": "30px",
+      "line-height": "30px",
+      "text-align": "right"
+    },
+    "contentTdStyles": {
+      "background-color": "#FFFFFF",
+      "color": "#333"
+    },
+    "contentTdOverStyles": {
+      "background-color": "#FFFFFF",
+      "color": "#535861"
+    },
+    "contentTdSelectedStyles": {
+      "background-color": "#FFFFFF",
+      "color": "#535861"
+    },
+    "properties": {
+      "width": "100%",
+      "border": "0",
+      "cellpadding": "3",
+      "cellspacing": "2",
+      "align": "center"
+    }
+  },
+  "actionbar": {
+    "style": "xform_blue_simple",
+    "customIconStyle" : ""
+  }
+}

o2web/source/x_component_query_ViewDesigner/$View/skin/styles_official.json

@@ -0,0 +1,467 @@
+{
+  "name": "公文样式",
+  "form": {
+    "styles":{
+      "background-color": "#ffffff",
+      "font-family": "宋体"
+    }
+  },
+  "label": {
+    "banner": {
+      "name": "横幅",
+      "styles": {
+        "height": "40px",
+        "line-height": "40px",
+        "color": "#fd1113",
+        "font-size": "18px",
+        "padding": "0px 10px",
+        "font-weight": "bold",
+        "text-align": "center"
+      }
+    },
+
+    "title": {
+      "name": "标题",
+      "styles": {
+        "text-align": "center",
+        "font-size": "36px",
+        "line-height": "60px",
+        "font-weight": "bold",
+        "color": "#fd1113",
+        "height": "60px",
+        "font-family": "宋体"
+      }
+    },
+
+    "section": {
+      "name": "区段标题",
+      "styles": {
+        "height": "40px",
+        "background-color": "#f7f7f7",
+        "line-height": "40px",
+        "padding": "0px 20px",
+        "font-weight": "bold",
+        "color": "#666",
+        "border-bottom": "1px solid #cccccc"
+      }
+    }
+  },
+
+  "div": {
+    "banner": {
+      "name": "横幅",
+      "styles": {
+        "height": "40px",
+        "line-height": "40px",
+        "color": "#fd1113",
+        "font-size": "18px",
+        "padding": "0px 10px",
+        "font-weight": "bold",
+        "text-align": "center"
+      }
+    },
+
+    "title": {
+      "name": "标题",
+      "styles": {
+        "text-align": "center",
+        "font-size": "36px",
+        "line-height": "60px",
+        "font-weight": "bold",
+        "color": "#fd1113",
+        "height": "60px"
+      }
+    },
+    "section": {
+      "name": "区段",
+      "styles": {
+        "padding": "20px 0px",
+        "background-color": "#FFF",
+        "border": "1px solid #cccccc"
+      }
+    }
+  },
+
+  "tab": {
+    "styles": {},
+    "tabAreaStyles": {
+      "height": "40px",
+      "border-bottom": "2px solid #cc3d3d"
+    },
+    "contentAreaStyles": {
+      "line-height": "normal",
+      "clear": "both",
+      "overflow": "hidden"
+    },
+    "tabStyles": {
+      "position": "relative",
+      "margin-left": "4px",
+      "margin-top": "0px",
+      "margin-right": "0px",
+      "float": "left",
+      "height": "40px",
+      "cursor": "pointer",
+      "min-width": "100px",
+      "background": "transparent ",
+      "border-top-left-radius": "5px",
+      "border-top-right-radius": "5px",
+      "border": "0px solid #f0f0f0",
+      "border-bottom": "1px solid #cc0000"
+    },
+    "tabTextStyles": {
+      "color": "#666",
+      "font-weight": "bold",
+      "font-size": "18px",
+      "line-height": "40px",
+      "text-align": "center",
+      "margin-right": "8px",
+      "margin-top": "0px",
+      "margin-left": "8px"
+    },
+    "tabCurrentStyles": {
+      "position": "relative",
+      "margin-top": "0px",
+      "margin-left": "2px",
+      "margin-right": "0px",
+      "float": "left",
+      "height": "40px",
+      "min-width": "100px",
+      "background": "#cc0000",
+      "border-top-left-radius": "5px",
+      "border-top-right-radius": "5px",
+      "border-top": "0px solid #f0f0f0",
+      "border-left": "0px solid #f0f0f0",
+      "border-right": "0px solid #f0f0f0",
+      "border-bottom": "1px solid #cc3d3d"
+    },
+    "tabCurrentTextStyles": {
+      "color": "#FFF",
+      "font-weight": "bold",
+      "font-size": "18px",
+      "line-height": "40px",
+      "text-align": "center",
+      "margin-right": "8px",
+      "margin-left": "8px",
+      "margin-top": "0px"
+    }
+  },
+  "tab$Content": {
+    "styles": {
+      "padding": "20px 0px"
+    }
+  },
+  "table": {
+    "styles": {
+      "background-color": "#FFF",
+      "border": "1px solid #fd1113"
+    },
+    "titleStyles":{
+      "background-color": "#fff",
+      "color": "#fd1113",
+      "font-weight": "bold",
+      "height": "30px",
+      "line-height": "30px",
+      "text-align": "center",
+      "font-size": "18px"
+    },
+    "contentStyles": {
+      "background-color": "#FFFFFF",
+      "color": "#333",
+      "font-size": "18px",
+      "min-height": "30px"
+    },
+    "layoutStyles": {},
+    "properties": {
+      "width": "100%",
+      "border": "0",
+      "cellpadding": "5",
+      "align": "center"
+    }
+  },
+  "log" : {
+    "tableStyles": {
+      "background-color": "#FFF",
+      "border": "1px solid #fd1113"
+    },
+    "titleStyles":{
+      "background-color": "#fff",
+      "color": "#fd1113",
+      "font-weight": "bold",
+      "height": "30px",
+      "line-height": "30px",
+      "text-align": "center",
+      "font-size": "18px"
+    },
+    "contentStyles": {
+      "background-color": "#FFFFFF",
+      "color": "#333",
+      "font-size": "18px",
+      "min-height": "30px"
+    },
+    "properties": {
+      "width": "100%",
+      "border": "0",
+      "cellpadding": "5",
+      "align": "center"
+    }
+  },
+  "datagrid": {
+    "styles": {
+
+    },
+    "tableStyles": {
+      "border-left": "1px solid #fd1113",
+      "border-top": "1px solid #fd1113"
+    },
+    "titleStyles": {
+      "height": "28px",
+      "cursor": "pointer",
+      "line-height": "28px",
+      "overflow": "hidden",
+      "opacity": 1,
+      "color": "#fd1113",
+      "border-right": "1px solid #fd1113",
+      "border-bottom": "1px solid #fd1113",
+      "background-color": "#f0f0f0"
+    },
+    "contentStyles": {
+      "text-align": "center",
+      "height": "30px",
+      "line-height": "30px",
+      "border-right": "1px solid #fd1113",
+      "border-bottom": "1px solid #fd1113"
+    },
+    "actionStyles": {
+      "background-color": "#f7f7f7",
+      "border-right": "1px solid #fd1113",
+      "border-bottom": "1px solid #fd1113"
+    },
+    "editStyles": {
+      "background-color": "#fff6f6",
+      "text-align": "center",
+      "height": "30px",
+      "line-height": "30px",
+      "border-right": "1px solid #fd1113",
+      "border-bottom": "1px solid #fd1113"
+    },
+    "amountStyles": {
+      "border-top": "1px solid #ccc",
+      "font-weight": "bold",
+      "height": "30px",
+      "line-height": "30px",
+      "text-align": "center",
+      "background-color": "#f0f0f0",
+      "border-right": "1px solid #fd1113",
+      "border-bottom": "1px solid #fd1113"
+    },
+    "itemTitleStyles": {
+      "height": "40px",
+      "background-color": "#ffffff",
+      "line-height": "30px",
+      "padding": "0px 15px",
+      "color": "#fd1113",
+      "font-size": "18px",
+      "font-weight": "bold",
+      "border-bottom": "0px solid #cccccc"
+    },
+    "properties": {
+      "width": "90%",
+      "border": "0",
+      "cellpadding": "3",
+      "cellspacing": "0",
+      "align": "center"
+    }
+  },
+  "datagrid$Title": {
+    "styles": {
+      "background-color": "#f0f0f0"
+    }
+  },
+  "textfield": {
+    "styles": {
+      "border-bottom": "0px",
+      "border": "0px solid #999999",
+      "height": "auto",
+      "font-size": "18px",
+      "line-height": "30px"
+    },
+    "inputStyles": {
+      "border": "1px solid #999999",
+      "height": "30px",
+      "line-height": "30px",
+      "font-size": "18px",
+      "color": "#666",
+      "font-family": "宋体"
+    }
+  },
+  "calendar": {
+    "styles": {
+      "border-bottom": "0px",
+      "border": "0px solid #999999",
+      "height": "auto",
+      "font-size": "18px",
+      "line-height": "30px"
+    },
+    "inputStyles": {
+      "border": "1px solid #999999",
+      "height": "30px",
+      "line-height": "30px",
+      "font-size": "18px",
+      "color": "#666",
+      "font-family": "宋体"
+    }
+  },
+  "number": {
+    "styles": {
+      "border-bottom": "0px",
+      "border": "0px solid #999999",
+      "height": "auto",
+      "font-size": "18px",
+      "line-height": "30px"
+    },
+    "inputStyles": {
+      "border": "1px solid #999999",
+      "height": "30px",
+      "line-height": "30px",
+      "font-size": "18px",
+      "color": "#666",
+      "font-family": "宋体"
+    }
+  },
+  "address": {
+    "styles": {
+      "border-bottom": "0px",
+      "height": "auto",
+      "line-height": "30px",
+      "font-size": "18px",
+      "border": "0px solid #999999"
+    },
+    "inputStyles": {
+      "border": "1px solid #999999",
+      "height": "30px",
+      "line-height": "30px",
+      "color": "#666",
+      "font-size": "18px",
+      "font-family": "宋体"
+    }
+  },
+  "combox": {
+    "styles": {
+      "border-bottom": "0px",
+      "height": "auto",
+      "line-height": "30px",
+      "font-size": "18px",
+      "border": "0px solid #999999"
+    },
+    "inputStyles": {
+      "border": "1px solid #999999",
+      "height": "30px",
+      "line-height": "30px",
+      "color": "#666",
+      "font-size": "18px",
+      "font-family": "宋体"
+    }
+  },
+  "personfield": {
+    "styles": {
+      "border-bottom": "0px",
+      "height": "auto",
+      "line-height": "30px",
+      "font-size": "18px",
+      "border": "0px solid #999999"
+    },
+    "inputStyles": {
+      "border": "1px solid #999999",
+      "height": "30px",
+      "line-height": "30px",
+      "color": "#666",
+      "font-size": "18px",
+      "font-family": "宋体"
+    }
+  },
+  "orgfield": {
+    "styles": {
+      "border-bottom": "0px",
+      "height": "auto",
+      "line-height": "30px",
+      "font-size": "18px",
+      "border": "0px solid #999999"
+    },
+    "inputStyles": {
+      "border": "1px solid #999999",
+      "height": "30px",
+      "line-height": "30px",
+      "color": "#666",
+      "font-size": "18px",
+      "font-family": "宋体"
+    }
+  },
+  "org": {
+    "styles": {
+      "border-bottom": "0px",
+      "height": "auto",
+      "line-height": "30px",
+      "font-size": "18px",
+      "border": "0px solid #999999"
+    },
+    "inputStyles": {
+      "border": "1px solid #999999",
+      "height": "30px",
+      "line-height": "30px",
+      "color": "#666",
+      "font-size": "18px",
+      "font-family": "宋体"
+    }
+  },
+  "select": {
+    "styles": {
+      "border-bottom": "0px",
+      "margin-top": "5px",
+      "height": "auto",
+      "line-height": "30px",
+      "font-size": "18px",
+      "color": "#333"
+    },
+    "inputStyles": {
+      "height": "30px",
+      "line-height": "30px",
+      "font-size": "18px",
+      "color": "#666",
+      "font-family": "宋体"
+    }
+  },
+  "textarea": {
+    "styles": {
+      "border": "0px solid #999999",
+      "font-size": "18px"
+    },
+    "inputStyles": {
+      "border": "1px solid #999999",
+      "color": "#666",
+      "font-size": "18px",
+      "font-family": "宋体"
+    }
+  },
+  "opinion": {
+    "styles": {
+      "border": "0px solid #999999",
+      "font-size": "18px"
+    },
+    "inputStyles": {
+      "border": "1px solid #999999",
+      "color": "#666",
+      "font-size": "18px",
+      "font-family": "宋体"
+    }
+  },
+  "actionbar": {
+    "style": "xform_red_simple"
+  },
+  "sidebar": {
+    "style": "xform_side_red_simple",
+    "customIconStyle" : ""
+  },
+  "attachment" : {
+    "style" : "default"
+  }
+}

o2web/source/x_component_query_ViewDesigner/$View/skin/styles_red-simple.json

@@ -0,0 +1,418 @@
+{
+  "name": "红色简洁",
+  "form": {
+    "styles":{
+      "background-color": "#f0f0f0"
+    }
+  },
+  "label": {
+    "banner": {
+      "name": "横幅",
+      "styles": {
+        "background-color": "#cc3d3d",
+        "height": "40px",
+        "line-height": "40px",
+        "color": "#ffffff",
+        "font-size": "18px",
+        "padding": "0px 10px",
+        "font-weight": "bold"
+      }
+    },
+
+    "title": {
+      "name": "标题",
+      "styles": {
+        "text-align": "center",
+        "font-size": "24px",
+        "line-height": "60px",
+        "font-weight": "bold",
+        "color": "#cc3d3d",
+        "height": "60px"
+      }
+    },
+
+    "section": {
+      "name": "区段标题",
+      "styles": {
+        "height": "40px",
+        "background-color": "#f7f7f7",
+        "line-height": "40px",
+        "padding": "0px 20px",
+        "font-weight": "bold",
+        "color": "#666",
+        "border-bottom": "1px solid #cccccc"
+      }
+    }
+  },
+
+  "div": {
+    "banner": {
+      "name": "横幅",
+      "styles": {
+        "background-color": "#cc3d3d",
+        "height": "40px",
+        "line-height": "40px",
+        "color": "#ffffff",
+        "font-size": "18px",
+        "padding": "0px 10px",
+        "font-weight": "bold"
+      }
+    },
+
+    "title": {
+      "name": "标题",
+      "styles": {
+        "text-align": "center",
+        "font-size": "24px",
+        "line-height": "60px",
+        "font-weight": "bold",
+        "color": "#cc3d3d",
+        "height": "60px"
+      }
+    },
+    "section": {
+      "name": "区段",
+      "styles": {
+        "padding": "20px 0px",
+        "background-color": "#FFF",
+        "border": "1px solid #cccccc"
+      }
+    }
+  },
+
+  "tab": {
+    "styles": {},
+    "tabAreaStyles": {
+      "height": "40px",
+      "border-bottom": "2px solid #cc3d3d"
+    },
+    "contentAreaStyles": {
+      "line-height": "normal",
+      "clear": "both",
+      "overflow": "hidden"
+    },
+    "tabStyles": {
+      "position": "relative",
+      "margin-left": "4px",
+      "margin-top": "0px",
+      "margin-right": "0px",
+      "float": "left",
+      "height": "40px",
+      "cursor": "pointer",
+      "min-width": "100px",
+      "background": "transparent ",
+      "border-top-left-radius": "5px",
+      "border-top-right-radius": "5px",
+      "border": "0px solid #f0f0f0",
+      "border-bottom": "1px solid #cc3d3d"
+    },
+    "tabTextStyles": {
+      "color": "#666",
+      "font-weight": "bold",
+      "line-height": "40px",
+      "text-align": "center",
+      "margin-right": "8px",
+      "margin-top": "0px",
+      "margin-left": "8px"
+    },
+    "tabCurrentStyles": {
+      "position": "relative",
+      "margin-top": "0px",
+      "margin-left": "2px",
+      "margin-right": "0px",
+      "float": "left",
+      "height": "40px",
+      "min-width": "100px",
+      "background": "#cc3d3d",
+      "border-top-left-radius": "5px",
+      "border-top-right-radius": "5px",
+      "border-top": "0px solid #f0f0f0",
+      "border-left": "0px solid #f0f0f0",
+      "border-right": "0px solid #f0f0f0",
+      "border-bottom": "1px solid #cc3d3d"
+    },
+    "tabCurrentTextStyles": {
+      "color": "#FFF",
+      "font-weight": "bold",
+      "line-height": "40px",
+      "text-align": "center",
+      "margin-right": "8px",
+      "margin-left": "8px",
+      "margin-top": "0px"
+    }
+  },
+  "tab$Content": {
+    "styles": {
+      "padding": "20px 0px"
+    }
+  },
+  "table": {
+    "styles": {
+      "background-color": "#FFF",
+      "margin": "10px 0px"
+    },
+    "titleStyles":{
+      "background-color": "#fff",
+      "color": "#333",
+      "font-weight": "bold",
+      "height": "30px",
+      "line-height": "30px",
+      "text-align": "right"
+    },
+    "contentStyles": {
+      "background-color": "#FFFFFF",
+      "color": "#333"
+    },
+    "layoutStyles": {},
+    "properties": {
+      "width": "90%",
+      "border": "0",
+      "cellpadding": "3",
+      "cellspacing": "5",
+      "align": "center"
+    }
+  },
+  "log" : {
+    "tableStyles": {
+      "background-color": "#FFF",
+      "margin": "10px 0px"
+    },
+    "titleStyles":{
+      "background-color": "#fff",
+      "color": "#333",
+      "font-weight": "bold",
+      "height": "30px",
+      "line-height": "30px",
+      "text-align": "right"
+    },
+    "contentStyles": {
+      "background-color": "#FFFFFF",
+      "color": "#333"
+    },
+    "properties": {
+      "width": "90%",
+      "border": "0",
+      "cellpadding": "3",
+      "cellspacing": "5",
+      "align": "center"
+    }
+  },
+  "datagrid": {
+    "styles": {},
+    "tableStyles": {
+      "border": "1px solid #cccccc"
+    },
+    "titleStyles": {
+      "height": "28px",
+      "cursor": "pointer",
+      "line-height": "28px",
+      "overflow": "hidden",
+      "opacity": 1,
+      "border-bottom": "1px solid #ccc",
+      "background-color": "#f0f0f0"
+    },
+    "contentStyles": {
+      "text-align": "center",
+      "height": "30px",
+      "line-height": "30px",
+      "color": "#666"
+    },
+    "actionStyles": {
+      "background-color": "#f7f7f7"
+    },
+    "editStyles": {
+      "background-color": "#fff6f6",
+      "text-align": "center",
+      "height": "30px",
+      "line-height": "30px"
+    },
+    "amountStyles": {
+      "border-top": "1px solid #ccc",
+      "font-weight": "bold",
+      "height": "30px",
+      "line-height": "30px",
+      "text-align": "center",
+      "background-color": "#f0f0f0"
+    },
+    "itemTitleStyles": {
+      "height": "40px",
+      "background-color": "#ffffff",
+      "line-height": "30px",
+      "padding": "0px 15px",
+      "color": "#fb4747",
+      "font-size": "18px",
+      "font-weight": "bold",
+      "border-bottom": "0px solid #cccccc"
+    },
+    "properties": {
+      "width": "90%",
+      "border": "0",
+      "cellpadding": "3",
+      "cellspacing": "0",
+      "align": "center"
+    }
+  },
+  "datagrid$Title": {
+    "styles": {
+      "background-color": "#f0f0f0"
+    }
+  },
+  "address": {
+    "styles": {
+      "border-bottom": "1px solid #ccc",
+      "border-top": "0px",
+      "border-left": "0px",
+      "border-right": "0px",
+      "line-height": "26px"
+    },
+    "inputStyles": {
+      "height": "26px",
+      "border": "0px solid #ccc",
+      "color": "#666"
+    }
+  },
+  "combox": {
+    "styles": {
+      "border-bottom": "1px solid #ccc",
+      "border-top": "0px",
+      "border-left": "0px",
+      "border-right": "0px",
+      "line-height": "26px"
+    },
+    "inputStyles": {
+      "height": "26px",
+      "border": "0px solid #ccc",
+      "color": "#666"
+    }
+  },
+  "textfield": {
+    "styles": {
+      "border-bottom": "0px solid #ccc",
+      "border-top": "0px",
+      "border-left": "0px",
+      "border-right": "0px",
+      "line-height": "26px"
+    },
+    "inputStyles": {
+      "height": "26px",
+      "border-bottom": "1px solid #ccc",
+      "color": "#666"
+    }
+  },
+  "calendar": {
+    "styles": {
+      "border-bottom": "0px solid #ccc",
+      "border-top": "0px",
+      "border-left": "0px",
+      "border-right": "0px",
+      "line-height": "26px"
+    },
+    "inputStyles": {
+      "height": "26px",
+      "border-bottom": "1px solid #ccc",
+      "color": "#666"
+    }
+  },
+  "number": {
+    "styles": {
+      "border-bottom": "0px solid #ccc",
+      "border-top": "0px",
+      "border-left": "0px",
+      "border-right": "0px",
+      "line-height": "26px"
+    },
+    "inputStyles": {
+      "height": "26px",
+      "border-bottom": "1px solid #ccc",
+      "color": "#666"
+    }
+  },
+  "personfield": {
+    "styles": {
+      "border-bottom": "0px solid #ccc",
+      "border-top": "0px",
+      "border-left": "0px",
+      "border-right": "0px",
+      "min-height": "20px",
+      "line-height": "26px"
+    },
+    "inputStyles": {
+      "min-height": "26px",
+      "border-bottom": "1px solid #ccc",
+      "color": "#666"
+    }
+  },
+  "orgfield": {
+    "styles": {
+      "border-bottom": "0px solid #ccc",
+      "border-top": "0px",
+      "border-left": "0px",
+      "border-right": "0px",
+      "min-height": "20px",
+      "line-height": "26px"
+    },
+    "inputStyles": {
+      "border-bottom": "1px solid #ccc",
+      "color": "#666"
+    }
+  },
+  "org": {
+    "styles": {
+      "border-bottom": "0px solid #ccc",
+      "border-top": "0px",
+      "border-left": "0px",
+      "border-right": "0px",
+      "min-height": "20px",
+      "line-height": "26px"
+    },
+    "inputStyles": {
+      "border-bottom": "1px solid #ccc",
+      "color": "#666"
+    }
+  },
+  "select": {
+    "styles": {
+      "border-bottom": "0px solid #999",
+      "border-top": "0px",
+      "border-left": "0px",
+      "border-right": "0px",
+      "margin-top": "5px",
+      "color": "#666",
+      "line-height": "26px"
+    },
+    "inputStyles": {
+
+    }
+  },
+  "textarea": {
+    "styles": {
+      "border-bottom": "0px solid #ccc",
+      "border-top": "0px",
+      "border-left": "0px",
+      "border-right": "0px"
+    },
+    "inputStyles": {
+      "border-bottom": "1px solid #ccc",
+      "color": "#666"
+    }
+  },
+  "opinion": {
+    "styles": {
+      "border-bottom": "0px solid #ccc",
+      "border-top": "0px",
+      "border-left": "0px",
+      "border-right": "0px"
+    },
+    "inputStyles": {
+      "border-bottom": "1px solid #ccc",
+      "color": "#666"
+    }
+  },
+  "actionbar": {
+    "style": "xform_red_simple",
+    "customIconStyle" : ""
+  },
+  "attachment" : {
+    "style" : "default"
+  }
+}