Changed docs/json/roodata.jsondocs/src/Roo_HtmlEditorCore.js.htmldocs/src/Roo_form_Ht...
[roojs1] / docs / json / roodata.json
index 730bc22..fb34ff9 100644 (file)
         "static" : true,
         "memberOf" : ""
       },
+      {
+        "name" : "getGridSize",
+        "type" : "function",
+        "desc" : "Find the current bootstrap width Grid size\nNote xs is the default for smaller.. - this is currently used by grids to render correct columns",
+        "sig" : "()\n{\n\n}",
+        "static" : true,
+        "memberOf" : ""
+      },
       {
         "name" : "id",
         "type" : "function",
         "static" : true,
         "memberOf" : ""
       },
-      {
-        "name" : "namespace",
-        "type" : "function",
-        "desc" : "Creates namespaces to be used for scoping variables and classes so that they are not global.  Usage:\n<pre><code>\nRoo.namespace('Company', 'Company.data');\nCompany.Widget = function() { ... }\nCompany.data.CustomStore = function(config) { ... }\n</code></pre>",
-        "sig" : "(namespace1, namespace2, etc)",
-        "static" : true,
-        "memberOf" : ""
-      },
       {
         "name" : "onReady",
         "type" : "function",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "itemCls",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : ""
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
       {
         "name" : "region",
         "type" : "String",
-        "desc" : [
-          "(center",
+        "desc" : "t) which region to put this panel on (when used with xtype constructors)",
+        "memberOf" : "",
+        "optvals" : [
+          "center",
           "north",
           "south",
           "east",
-          "west)"
-        ],
-        "memberOf" : ""
+          "west"
+        ]
       },
       {
         "name" : "resizeEl",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "ignoreNoChange",
         "name" : "removeListener",
         "type" : "function",
         "desc" : "Removes an event handler from this element",
-        "sig" : "(eventName, fn)",
+        "sig" : "(eventName, fn, scope)",
         "static" : false,
         "memberOf" : ""
       },
       {
         "name" : "region",
         "type" : "String",
-        "desc" : [
-          "(center",
+        "desc" : "t) which region to put this panel on (when used with xtype constructors)",
+        "memberOf" : "Roo.ContentPanel",
+        "optvals" : [
+          "center",
           "north",
           "south",
           "east",
-          "west)"
-        ],
-        "memberOf" : "Roo.ContentPanel"
+          "west"
+        ]
       },
       {
         "name" : "resizeEl",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "allowComments",
+        "type" : "boolean",
+        "desc" : "- default false - allow comments in HTML source - by default they are stripped - if you are editing email you may need this.",
+        "memberOf" : ""
+      },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
         "name" : "removeListener",
         "type" : "function",
         "desc" : "Removes an event handler from this element",
-        "sig" : "(eventName, fn)",
+        "sig" : "(eventName, fn, scope)",
         "static" : false,
         "memberOf" : "Roo.Element"
       },
       {
         "name" : "tabPosition",
         "type" : "String",
-        "desc" : [
-          "(top",
-          "bottom)"
-        ],
-        "memberOf" : ""
+        "desc" : "m) \"top\" or \"bottom\" (defaults to \"bottom\")",
+        "memberOf" : "",
+        "optvals" : [
+          "top",
+          "bottom"
+        ]
       },
       {
         "name" : "title",
         "name" : "removeMask",
         "type" : "Boolean",
         "desc" : "True to create a single-use mask that is automatically destroyed after loading (useful for page loads),\nFalse to persist the mask element reference for multiple uses (e.g., for paged data widgets).  Defaults to false.",
-        "memberOf" : "Roo"
+        "memberOf" : ""
       }
     ],
     "events" : [],
       {
         "name" : "region",
         "type" : "String",
-        "desc" : [
-          "(center",
+        "desc" : "t) which region to put this panel on (when used with xtype constructors)",
+        "memberOf" : "Roo.ContentPanel",
+        "optvals" : [
+          "center",
           "north",
           "south",
           "east",
-          "west)"
-        ],
-        "memberOf" : "Roo.ContentPanel"
+          "west"
+        ]
       },
       {
         "name" : "resizeEl",
         "name" : "items",
         "type" : "Array",
         "desc" : "array of button configs or elements to add (will be converted to a MixedCollection)",
-        "memberOf" : "Roo"
+        "memberOf" : "Roo.Toolbar"
       },
       {
         "name" : "pageSize",
         "name" : "mode",
         "type" : "String",
         "desc" : "The shadow display mode.  Supports the following options:<br />\nsides: Shadow displays on both sides and bottom only<br />\nframe: Shadow displays equally on all four sides<br />\ndrop: Traditional bottom-right drop shadow (default)",
-        "memberOf" : "Roo"
+        "memberOf" : ""
       },
       {
         "name" : "offset",
       {
         "name" : "tabPosition",
         "type" : "String",
-        "desc" : [
-          "(top",
-          "bottom)"
-        ],
-        "memberOf" : "Roo.LayoutRegion"
+        "desc" : "m) \"top\" or \"bottom\" (defaults to \"bottom\")",
+        "memberOf" : "Roo.LayoutRegion",
+        "optvals" : [
+          "top",
+          "bottom"
+        ]
       },
       {
         "name" : "title",
         "name" : "items",
         "type" : "Array",
         "desc" : "array of button configs or elements to add (will be converted to a MixedCollection)",
-        "memberOf" : "Roo"
+        "memberOf" : ""
       },
       {
         "name" : "text",
       {
         "name" : "region",
         "type" : "String",
-        "desc" : [
-          "(center",
+        "desc" : "t) which region to put this panel on (when used with xtype constructors)",
+        "memberOf" : "Roo.ContentPanel",
+        "optvals" : [
+          "center",
           "north",
           "south",
           "east",
-          "west)"
-        ],
-        "memberOf" : "Roo.ContentPanel"
+          "west"
+        ]
       },
       {
         "name" : "resizeEl",
         "desc" : "A toolbar for this panel",
         "memberOf" : "Roo.ContentPanel"
       },
-      {
-        "name" : "tree",
-        "type" : "Roo.tree.TreePanel",
-        "desc" : "The tree TreePanel, with config etc.",
-        "memberOf" : "Roo"
-      },
       {
         "name" : "url",
         "type" : "String",
         "desc" : "True if element can be rebuild from a HTML page",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "close",
+        "type" : "Boolean",
+        "desc" : "true to show a x closer",
+        "memberOf" : ""
+      },
       {
         "name" : "cls",
         "type" : "String",
         "memberOf" : "Roo.Component"
       },
       {
-        "name" : "faicon",
+        "name" : "fa",
         "type" : "String",
         "desc" : "font-awesomeicon",
         "memberOf" : ""
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "html",
         "desc" : "Specifies name attribute",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "seconds",
+        "type" : "Number",
+        "desc" : "default:-1 Number of seconds until it disapears (-1 means never.)",
+        "memberOf" : ""
+      },
       {
         "name" : "style",
         "type" : "String",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "weight",
         "type" : "String",
-        "desc" : [
-          "(  success",
+        "desc" : "r) Weight of the message",
+        "memberOf" : "",
+        "optvals" : [
+          "success",
           "info",
           "warning",
-          "danger )"
-        ],
-        "memberOf" : ""
+          "danger"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "hide",
         "type" : "function",
-        "desc" : "Hide a component - adds 'hidden' class",
+        "desc" : "Hide the Alert",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : ""
       },
       {
         "name" : "initEvents",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "setHtml",
+        "type" : "function",
+        "desc" : "Set the Body Message HTML",
+        "sig" : "(html)",
+        "static" : false,
+        "memberOf" : ""
+      },
+      {
+        "name" : "setIcon",
+        "type" : "function",
+        "desc" : "Set the Icon of the alert",
+        "sig" : "(see)",
+        "static" : false,
+        "memberOf" : ""
+      },
+      {
+        "name" : "setTitle",
+        "type" : "function",
+        "desc" : "Set the Title Message HTML",
+        "sig" : "(html)",
+        "static" : false,
+        "memberOf" : ""
+      },
       {
         "name" : "setVisibilityEl",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "setWeight",
+        "type" : "function",
+        "desc" : "Set the Weight of the alert",
+        "sig" : "((success|info|warning|danger))",
+        "static" : false,
+        "memberOf" : ""
+      },
       {
         "name" : "show",
         "type" : "function",
-        "desc" : "Show a component - removes 'hidden' class",
+        "desc" : "Show the Alert",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : ""
       },
       {
         "name" : "tooltipEl",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "href",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "badge_weight",
         "type" : "String",
-        "desc" : [
-          "(default",
+        "desc" : "k) default (same as button)",
+        "memberOf" : "",
+        "optvals" : [
+          "default",
           "primary",
           "secondary",
           "success",
           "danger",
           "link",
           "light",
-          "dark)"
-        ],
-        "memberOf" : ""
+          "dark"
+        ]
       },
       {
         "name" : "can_build_overlaid",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "href",
       {
         "name" : "size",
         "type" : "String",
-        "desc" : [
-          "(lg",
+        "desc" : "s)",
+        "memberOf" : "",
+        "optvals" : [
+          "lg",
           "sm",
-          "xs)"
-        ],
-        "memberOf" : ""
+          "xs"
+        ]
       },
       {
         "name" : "style",
       {
         "name" : "tag",
         "type" : "String",
-        "desc" : [
-          "(a",
+        "desc" : "t)",
+        "memberOf" : "",
+        "optvals" : [
+          "a",
           "input",
-          "submit)"
-        ],
-        "memberOf" : ""
+          "submit"
+        ]
       },
       {
         "name" : "target",
         "type" : "String",
-        "desc" : [
-          "(_self",
+        "desc" : "r) target for a href.",
+        "memberOf" : "",
+        "optvals" : [
+          "_self",
           "_blank",
           "_parent",
           "_top",
-          "other)"
-        ],
-        "memberOf" : ""
+          "other"
+        ]
       },
       {
         "name" : "theme",
         "type" : "String",
-        "desc" : [
-          "(default",
-          "glow)"
-        ],
-        "memberOf" : ""
+        "desc" : "w)",
+        "memberOf" : "",
+        "optvals" : [
+          "default",
+          "glow"
+        ]
       },
       {
         "name" : "toggle",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "weight",
         "type" : "String",
-        "desc" : [
-          "(default",
+        "desc" : "k) default",
+        "memberOf" : "",
+        "optvals" : [
+          "default",
           "primary",
           "secondary",
           "success",
           "danger",
           "link",
           "light",
-          "dark)"
-        ],
-        "memberOf" : ""
+          "dark"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "badge_weight",
         "type" : "String",
-        "desc" : [
-          "(default",
+        "desc" : "k) default (same as button)",
+        "memberOf" : "Roo.bootstrap.Button",
+        "optvals" : [
+          "default",
           "primary",
           "secondary",
           "success",
           "danger",
           "link",
           "light",
-          "dark)"
-        ],
-        "memberOf" : "Roo.bootstrap.Button"
+          "dark"
+        ]
       },
       {
         "name" : "can_build_overlaid",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "href",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
         "memberOf" : "Roo.util.Observable"
       },
+      {
+        "name" : "multiple",
+        "type" : "Boolean",
+        "desc" : "(default true) Should the upload allow multiple files to be uploaded.",
+        "memberOf" : ""
+      },
       {
         "name" : "name",
         "type" : "string",
       {
         "name" : "size",
         "type" : "String",
-        "desc" : [
-          "(lg",
+        "desc" : "s)",
+        "memberOf" : "Roo.bootstrap.Button",
+        "optvals" : [
+          "lg",
           "sm",
-          "xs)"
-        ],
-        "memberOf" : "Roo.bootstrap.Button"
+          "xs"
+        ]
       },
       {
         "name" : "style",
       {
         "name" : "tag",
         "type" : "String",
-        "desc" : [
-          "(a",
+        "desc" : "t)",
+        "memberOf" : "Roo.bootstrap.Button",
+        "optvals" : [
+          "a",
           "input",
-          "submit)"
-        ],
-        "memberOf" : "Roo.bootstrap.Button"
+          "submit"
+        ]
       },
       {
         "name" : "target",
         "type" : "String",
-        "desc" : [
-          "(_self",
+        "desc" : "r) target for a href.",
+        "memberOf" : "Roo.bootstrap.Button",
+        "optvals" : [
+          "_self",
           "_blank",
           "_parent",
           "_top",
-          "other)"
-        ],
-        "memberOf" : "Roo.bootstrap.Button"
+          "other"
+        ]
       },
       {
         "name" : "theme",
         "type" : "String",
-        "desc" : [
-          "(default",
-          "glow)"
-        ],
-        "memberOf" : "Roo.bootstrap.Button"
+        "desc" : "w)",
+        "memberOf" : "Roo.bootstrap.Button",
+        "optvals" : [
+          "default",
+          "glow"
+        ]
       },
       {
         "name" : "toggle",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "weight",
         "type" : "String",
-        "desc" : [
-          "(default",
+        "desc" : "k) default",
+        "memberOf" : "Roo.bootstrap.Button",
+        "optvals" : [
+          "default",
           "primary",
           "secondary",
           "success",
           "danger",
           "link",
           "light",
-          "dark)"
-        ],
-        "memberOf" : "Roo.bootstrap.Button"
+          "dark"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
       {
         "name" : "loadMask",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) default false",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "name",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "display",
         "type" : "String",
-        "desc" : [
-          "(none",
+        "desc" : "x)",
+        "memberOf" : "",
+        "optvals" : [
+          "none",
           "inline",
           "inline-block",
           "block",
           "table-cell",
           "table-row",
           "flex",
-          "inline-flex)"
-        ],
-        "memberOf" : ""
+          "inline-flex"
+        ]
       },
       {
         "name" : "display_lg",
         "type" : "String",
-        "desc" : [
-          "(none",
+        "desc" : "x)",
+        "memberOf" : "",
+        "optvals" : [
+          "none",
           "inline",
           "inline-block",
           "block",
           "table-cell",
           "table-row",
           "flex",
-          "inline-flex)"
-        ],
-        "memberOf" : ""
+          "inline-flex"
+        ]
       },
       {
         "name" : "display_sm",
         "type" : "String",
-        "desc" : [
-          "(none",
+        "desc" : "x)",
+        "memberOf" : "",
+        "optvals" : [
+          "none",
           "inline",
           "inline-block",
           "block",
           "table-cell",
           "table-row",
           "flex",
-          "inline-flex)"
-        ],
-        "memberOf" : ""
+          "inline-flex"
+        ]
       },
       {
         "name" : "display_xl",
         "type" : "String",
-        "desc" : [
-          "(none",
+        "desc" : "x)",
+        "memberOf" : "",
+        "optvals" : [
+          "none",
           "inline",
           "inline-block",
           "block",
           "table-cell",
           "table-row",
           "flex",
-          "inline-flex)"
-        ],
-        "memberOf" : ""
+          "inline-flex"
+        ]
       },
       {
         "name" : "display_xs",
         "type" : "String",
-        "desc" : [
-          "(none",
+        "desc" : "x)",
+        "memberOf" : "",
+        "optvals" : [
+          "none",
           "inline",
           "inline-block",
           "block",
           "table-cell",
           "table-row",
           "flex",
-          "inline-flex)"
-        ],
-        "memberOf" : ""
+          "inline-flex"
+        ]
       },
       {
         "name" : "footer",
       {
         "name" : "header_size",
         "type" : "Number",
-        "desc" : [
-          "(0",
+        "desc" : "5) H1 or H2 etc.. 0 indicates default",
+        "memberOf" : "",
+        "optvals" : [
+          "0",
           "1",
           "2",
           "3",
           "4",
-          "5)"
-        ],
-        "memberOf" : ""
+          "5"
+        ]
       },
       {
         "name" : "header_weight",
         "type" : "Number",
-        "desc" : [
-          "(primary",
+        "desc" : "k)",
+        "memberOf" : "",
+        "optvals" : [
+          "primary",
           "secondary",
           "success",
           "info",
           "warning",
           "danger",
           "light",
-          "dark)"
-        ],
-        "memberOf" : ""
+          "dark"
+        ]
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "html",
       {
         "name" : "margin",
         "type" : "String",
-        "desc" : [
-          "(0",
+        "desc" : "o)",
+        "memberOf" : "",
+        "optvals" : [
+          "0",
           "1",
           "2",
           "3",
           "4",
           "5",
-          "auto)"
-        ],
-        "memberOf" : ""
+          "auto"
+        ]
       },
       {
         "name" : "margin_bottom",
         "type" : "String",
-        "desc" : [
-          "(0",
+        "desc" : "o)",
+        "memberOf" : "",
+        "optvals" : [
+          "0",
           "1",
           "2",
           "3",
           "4",
           "5",
-          "auto)"
-        ],
-        "memberOf" : ""
+          "auto"
+        ]
       },
       {
         "name" : "margin_left",
         "type" : "String",
-        "desc" : [
-          "(0",
+        "desc" : "o)",
+        "memberOf" : "",
+        "optvals" : [
+          "0",
           "1",
           "2",
           "3",
           "4",
           "5",
-          "auto)"
-        ],
-        "memberOf" : ""
+          "auto"
+        ]
       },
       {
         "name" : "margin_right",
         "type" : "String",
-        "desc" : [
-          "(0",
+        "desc" : "o)",
+        "memberOf" : "",
+        "optvals" : [
+          "0",
           "1",
           "2",
           "3",
           "4",
           "5",
-          "auto)"
-        ],
-        "memberOf" : ""
+          "auto"
+        ]
       },
       {
         "name" : "margin_top",
         "type" : "String",
-        "desc" : [
-          "(0",
+        "desc" : "o)",
+        "memberOf" : "",
+        "optvals" : [
+          "0",
           "1",
           "2",
           "3",
           "4",
           "5",
-          "auto)"
-        ],
-        "memberOf" : ""
+          "auto"
+        ]
       },
       {
         "name" : "margin_x",
         "type" : "String",
-        "desc" : [
-          "(0",
+        "desc" : "o)",
+        "memberOf" : "",
+        "optvals" : [
+          "0",
           "1",
           "2",
           "3",
           "4",
           "5",
-          "auto)"
-        ],
-        "memberOf" : ""
+          "auto"
+        ]
       },
       {
         "name" : "margin_y",
         "type" : "String",
-        "desc" : [
-          "(0",
+        "desc" : "o)",
+        "memberOf" : "",
+        "optvals" : [
+          "0",
           "1",
           "2",
           "3",
           "4",
           "5",
-          "auto)"
-        ],
-        "memberOf" : ""
+          "auto"
+        ]
       },
       {
         "name" : "name",
       {
         "name" : "padding",
         "type" : "String",
-        "desc" : [
-          "(0",
+        "desc" : "5)",
+        "memberOf" : "",
+        "optvals" : [
+          "0",
           "1",
           "2",
           "3",
           "4",
-          "5)"
-        ],
-        "memberOf" : ""
+          "5"
+        ]
       },
       {
         "name" : "padding_bottom",
         "type" : "String",
-        "desc" : [
-          "(0",
+        "desc" : "5)",
+        "memberOf" : "",
+        "optvals" : [
+          "0",
           "1",
           "2",
           "3",
           "4",
-          "5)"
-        ],
-        "memberOf" : ""
+          "5"
+        ]
       },
       {
         "name" : "padding_left",
         "type" : "String",
-        "desc" : [
-          "(0",
+        "desc" : "5)",
+        "memberOf" : "",
+        "optvals" : [
+          "0",
           "1",
           "2",
           "3",
           "4",
-          "5)"
-        ],
-        "memberOf" : ""
+          "5"
+        ]
       },
       {
         "name" : "padding_right",
         "type" : "String",
-        "desc" : [
-          "(0",
+        "desc" : "5)",
+        "memberOf" : "",
+        "optvals" : [
+          "0",
           "1",
           "2",
           "3",
           "4",
-          "5)"
-        ],
-        "memberOf" : ""
+          "5"
+        ]
       },
       {
         "name" : "padding_top",
         "type" : "String",
-        "desc" : [
-          "(0",
+        "desc" : "5)next_to_card",
+        "memberOf" : "",
+        "optvals" : [
+          "0",
           "1",
           "2",
           "3",
           "4",
-          "5)"
-        ],
-        "memberOf" : ""
+          "5"
+        ]
       },
       {
         "name" : "padding_x",
         "type" : "String",
-        "desc" : [
-          "(0",
+        "desc" : "5)",
+        "memberOf" : "",
+        "optvals" : [
+          "0",
           "1",
           "2",
           "3",
           "4",
-          "5)"
-        ],
-        "memberOf" : ""
+          "5"
+        ]
       },
       {
         "name" : "padding_y",
         "type" : "String",
-        "desc" : [
-          "(0",
+        "desc" : "5)",
+        "memberOf" : "",
+        "optvals" : [
+          "0",
           "1",
           "2",
           "3",
           "4",
-          "5)"
-        ],
-        "memberOf" : ""
+          "5"
+        ]
       },
       {
         "name" : "style",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "weight",
         "type" : "String",
-        "desc" : [
-          "(primary",
+        "desc" : "k)",
+        "memberOf" : "",
+        "optvals" : [
+          "primary",
           "warning",
           "info",
           "danger",
           "secondary",
           "success",
           "light",
-          "dark)"
-        ],
-        "memberOf" : ""
+          "dark"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "clickable",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Element"
+        "desc" : "e) default false",
+        "memberOf" : "Roo.bootstrap.Element",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "cls",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "html",
       {
         "name" : "preventDefault",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Element"
+        "desc" : "e) default false",
+        "memberOf" : "Roo.bootstrap.Element",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "role",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "clickable",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Element"
+        "desc" : "e) default false",
+        "memberOf" : "Roo.bootstrap.Element",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "cls",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "html",
       {
         "name" : "preventDefault",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Element"
+        "desc" : "e) default false",
+        "memberOf" : "Roo.bootstrap.Element",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "role",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "clickable",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Element"
+        "desc" : "e) default false",
+        "memberOf" : "Roo.bootstrap.Element",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "cls",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "html",
       {
         "name" : "preventDefault",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Element"
+        "desc" : "e) default false",
+        "memberOf" : "Roo.bootstrap.Element",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "role",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "badge_weight",
         "type" : "String",
-        "desc" : [
-          "(default",
+        "desc" : "k) default (same as button)",
+        "memberOf" : "Roo.bootstrap.Button",
+        "optvals" : [
+          "default",
           "primary",
           "secondary",
           "success",
           "danger",
           "link",
           "light",
-          "dark)"
-        ],
-        "memberOf" : "Roo.bootstrap.Button"
+          "dark"
+        ]
       },
       {
         "name" : "can_build_overlaid",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "href",
       {
         "name" : "size",
         "type" : "String",
-        "desc" : [
-          "(lg",
+        "desc" : "s)",
+        "memberOf" : "Roo.bootstrap.Button",
+        "optvals" : [
+          "lg",
           "sm",
-          "xs)"
-        ],
-        "memberOf" : "Roo.bootstrap.Button"
+          "xs"
+        ]
       },
       {
         "name" : "style",
       {
         "name" : "tag",
         "type" : "String",
-        "desc" : [
-          "(a",
+        "desc" : "t)",
+        "memberOf" : "Roo.bootstrap.Button",
+        "optvals" : [
+          "a",
           "input",
-          "submit)"
-        ],
-        "memberOf" : "Roo.bootstrap.Button"
+          "submit"
+        ]
       },
       {
         "name" : "target",
         "type" : "String",
-        "desc" : [
-          "(_self",
+        "desc" : "r) target for a href.",
+        "memberOf" : "Roo.bootstrap.Button",
+        "optvals" : [
+          "_self",
           "_blank",
           "_parent",
           "_top",
-          "other)"
-        ],
-        "memberOf" : "Roo.bootstrap.Button"
+          "other"
+        ]
       },
       {
         "name" : "theme",
         "type" : "String",
-        "desc" : [
-          "(default",
-          "glow)"
-        ],
-        "memberOf" : "Roo.bootstrap.Button"
+        "desc" : "w)",
+        "memberOf" : "Roo.bootstrap.Button",
+        "optvals" : [
+          "default",
+          "glow"
+        ]
       },
       {
         "name" : "toggle",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "weight",
         "type" : "String",
-        "desc" : [
-          "(default",
+        "desc" : "k) default",
+        "memberOf" : "Roo.bootstrap.Button",
+        "optvals" : [
+          "default",
           "primary",
           "secondary",
           "success",
           "danger",
           "link",
           "light",
-          "dark)"
-        ],
-        "memberOf" : "Roo.bootstrap.Button"
+          "dark"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "accept",
         "type" : "String",
-        "desc" : [
-          "(image",
+        "desc" : "o) use for file input only. (default empty)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "image",
           "video",
-          "audio)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+          "audio"
+        ]
       },
       {
         "name" : "actionMode",
       {
         "name" : "align",
         "type" : "String",
-        "desc" : [
-          "(left",
+        "desc" : "t) Default left",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "left",
           "center",
-          "right)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+          "right"
+        ]
       },
       {
         "name" : "allowBlank",
       {
         "name" : "capture",
         "type" : "String",
-        "desc" : [
-          "(user",
-          "camera)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "a) use for file input only. (default empty)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "user",
+          "camera"
+        ]
       },
       {
         "name" : "checked",
       {
         "name" : "forceFeedback",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "e) Default false",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "groupId",
       {
         "name" : "hasFeedback",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "e) default true",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "indicatorpos",
         "type" : "String",
-        "desc" : [
-          "(left",
-          "right)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "t) default left",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "left",
+          "right"
+        ]
       },
       {
         "name" : "inline",
       {
         "name" : "labelAlign",
         "type" : "String",
-        "desc" : [
-          "(top",
-          "left)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "t)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "top",
+          "left"
+        ]
       },
       {
         "name" : "labelWidth",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "vtype",
       {
         "name" : "weight",
         "type" : "String",
-        "desc" : [
-          "(primary",
+        "desc" : "s) The text that appears beside the checkbox",
+        "memberOf" : "",
+        "optvals" : [
+          "primary",
           "warning",
           "info",
           "danger",
-          "success)"
-        ],
-        "memberOf" : ""
+          "success"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "alert",
         "type" : "String",
-        "desc" : [
-          "(success",
+        "desc" : "r) type alert (changes background / border...)",
+        "memberOf" : "",
+        "optvals" : [
+          "success",
           "info",
           "warning",
-          "danger)"
-        ],
-        "memberOf" : ""
+          "danger"
+        ]
       },
       {
         "name" : "allowDomMove",
       {
         "name" : "fa",
         "type" : "String",
-        "desc" : [
-          "(ban",
+        "desc" : ".) font awesome icon",
+        "memberOf" : "",
+        "optvals" : [
+          "ban",
           "check",
-          "...)"
-        ],
-        "memberOf" : ""
+          "..."
+        ]
       },
       {
         "name" : "fasize",
         "type" : "Number",
-        "desc" : [
-          "(1",
+        "desc" : ".) font awsome size",
+        "memberOf" : "",
+        "optvals" : [
+          "1",
           "2",
-          "....)"
-        ],
-        "memberOf" : ""
+          "...."
+        ]
       },
       {
         "name" : "hidden",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) hide the element",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "html",
       {
         "name" : "icon",
         "type" : "String",
-        "desc" : [
-          "(info-sign",
+        "desc" : ".) glyphicon name",
+        "memberOf" : "",
+        "optvals" : [
+          "info-sign",
           "check",
-          "...)"
-        ],
-        "memberOf" : ""
+          "..."
+        ]
       },
       {
         "name" : "lg",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "accept",
         "type" : "String",
-        "desc" : [
-          "(image",
+        "desc" : "o) use for file input only. (default empty)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "image",
           "video",
-          "audio)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+          "audio"
+        ]
       },
       {
         "name" : "actionMode",
       {
         "name" : "align",
         "type" : "String",
-        "desc" : [
-          "(left",
+        "desc" : "t) Default left",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "left",
           "center",
-          "right)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+          "right"
+        ]
       },
       {
         "name" : "allQuery",
       {
         "name" : "append",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) default false",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "autoCreate",
       {
         "name" : "autoFocus",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) auto focus the first item, default true",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "autocomplete",
       {
         "name" : "capture",
         "type" : "String",
-        "desc" : [
-          "(user",
-          "camera)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "a) use for file input only. (default empty)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "user",
+          "camera"
+        ]
       },
       {
         "name" : "caret",
         "type" : "String",
-        "desc" : [
-          "(search",
-          "calendar)"
-        ],
-        "memberOf" : "Roo.bootstrap.TriggerField"
+        "desc" : "r) BS3 only - carat fa name",
+        "memberOf" : "Roo.bootstrap.TriggerField",
+        "optvals" : [
+          "search",
+          "calendar"
+        ]
       },
       {
         "name" : "cls",
       {
         "name" : "forceFeedback",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "e) Default false",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "forceSelection",
       {
         "name" : "hasFeedback",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "e) default true",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "hiddenName",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "hideTrigger",
       {
         "name" : "indicatorpos",
         "type" : "String",
-        "desc" : [
-          "(left",
-          "right)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "t) default left",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "left",
+          "right"
+        ]
       },
       {
         "name" : "invalidClass",
       {
         "name" : "labelAlign",
         "type" : "String",
-        "desc" : [
-          "(top",
-          "left)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "t)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "top",
+          "left"
+        ]
       },
       {
         "name" : "labelWidth",
       {
         "name" : "mobileTouchView",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) show mobile touch view when using a mobile default true",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "mobile_restrict_height",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) restrict height for touch view",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "modalTitle",
       {
         "name" : "multiple",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) ComboBobArray, default false",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "name",
       {
         "name" : "removable",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.TriggerField"
+        "desc" : "e) special filter default false",
+        "memberOf" : "Roo.bootstrap.TriggerField",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "resizable",
       {
         "name" : "specialFilter",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) special filter default false",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "store",
       {
         "name" : "useNativeIOS",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) render it as classic select for ios, not support dynamic load data (default false)",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "validClass",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "vtype",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : ""
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "alert",
         "type" : "String",
-        "desc" : [
-          "(success",
+        "desc" : "r) type alert (changes background / border...)",
+        "memberOf" : "",
+        "optvals" : [
+          "success",
           "info",
           "warning",
-          "danger)"
-        ],
-        "memberOf" : ""
+          "danger"
+        ]
       },
       {
         "name" : "allowDomMove",
       {
         "name" : "clickable",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) default false",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "cls",
       {
         "name" : "expandable",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) default false",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "expanded",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) default true",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "fa",
       {
         "name" : "hidden",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) hide the element",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "html",
       {
         "name" : "icon",
         "type" : "String",
-        "desc" : [
-          "(info-sign",
+        "desc" : ".) glyphicon name",
+        "memberOf" : "",
+        "optvals" : [
+          "info-sign",
           "check",
-          "...)"
-        ],
-        "memberOf" : ""
+          "..."
+        ]
       },
       {
         "name" : "jumbotron",
       {
         "name" : "panel",
         "type" : "String",
-        "desc" : [
-          "(default",
+        "desc" : "r) render as panel  - type - primary/success.....",
+        "memberOf" : "",
+        "optvals" : [
+          "default",
           "primary",
           "success",
           "info",
           "warning",
-          "danger)"
-        ],
-        "memberOf" : ""
+          "danger"
+        ]
       },
       {
         "name" : "rheader",
       {
         "name" : "sticky",
         "type" : "String",
-        "desc" : [
-          "(footer",
+        "desc" : "h) block to use as footer or body- needs css-bootstrap/sticky-footer.css",
+        "memberOf" : "",
+        "optvals" : [
+          "footer",
           "wrap",
-          "push)"
-        ],
-        "memberOf" : ""
+          "push"
+        ]
       },
       {
         "name" : "style",
       {
         "name" : "tag",
         "type" : "String",
-        "desc" : [
-          "(header",
+        "desc" : "n) type of HTML tag.",
+        "memberOf" : "",
+        "optvals" : [
+          "header",
           "aside",
-          "section)"
-        ],
-        "memberOf" : ""
+          "section"
+        ]
       },
       {
         "name" : "tooltip",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "well",
         "type" : "String",
-        "desc" : [
-          "(lg",
+        "desc" : "d) a well, large, small or medium.",
+        "memberOf" : "",
+        "optvals" : [
+          "lg",
           "sm",
-          "md)"
-        ],
-        "memberOf" : ""
+          "md"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "accept",
         "type" : "String",
-        "desc" : [
-          "(image",
+        "desc" : "o) use for file input only. (default empty)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "image",
           "video",
-          "audio)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+          "audio"
+        ]
       },
       {
         "name" : "actionMode",
       {
         "name" : "align",
         "type" : "String",
-        "desc" : [
-          "(left",
+        "desc" : "t) Default left",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "left",
           "center",
-          "right)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+          "right"
+        ]
       },
       {
         "name" : "allowBlank",
       {
         "name" : "capture",
         "type" : "String",
-        "desc" : [
-          "(user",
-          "camera)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "a) use for file input only. (default empty)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "user",
+          "camera"
+        ]
       },
       {
         "name" : "cls",
       {
         "name" : "forceFeedback",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "e) Default false",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "format",
       {
         "name" : "hasFeedback",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "e) default true",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "indicatorpos",
         "type" : "String",
-        "desc" : [
-          "(left",
-          "right)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "t) default left",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "left",
+          "right"
+        ]
       },
       {
         "name" : "invalidClass",
       {
         "name" : "labelAlign",
         "type" : "String",
-        "desc" : [
-          "(top",
-          "left)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "t)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "top",
+          "left"
+        ]
       },
       {
         "name" : "labelWidth",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "vtype",
       {
         "name" : "dayAllowBlank",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) default false",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "dayFormat",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "labelAlign",
         "type" : "String",
-        "desc" : [
-          "(top",
-          "left)"
-        ],
-        "memberOf" : ""
+        "desc" : "t)",
+        "memberOf" : "",
+        "optvals" : [
+          "top",
+          "left"
+        ]
       },
       {
         "name" : "labelWidth",
       {
         "name" : "monthAllowBlank",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) default false",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "monthFormat",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "yearAllowBlank",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) default false",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "yearFormat",
       {
         "name" : "editable",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) allow edit when upload a image default true",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "fieldLabel",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "labelAlign",
         "type" : "String",
-        "desc" : [
-          "(left",
-          "top)"
-        ],
-        "memberOf" : ""
+        "desc" : "p) default left",
+        "memberOf" : "",
+        "optvals" : [
+          "left",
+          "top"
+        ]
       },
       {
         "name" : "labelWidth",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
       {
         "name" : "showDownload",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) show download button (default true)",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "showTrash",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) show trash button (default true)",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "style",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "clickable",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Element"
+        "desc" : "e) default false",
+        "memberOf" : "Roo.bootstrap.Element",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "cls",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "html",
       {
         "name" : "preventDefault",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Element"
+        "desc" : "e) default false",
+        "memberOf" : "Roo.bootstrap.Element",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "role",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "clickable",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) default false",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "cls",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "html",
       {
         "name" : "preventDefault",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) default false",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "role",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "allowBlank",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) target allowBlank default true",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "allowDomMove",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "html",
       {
         "name" : "indicatorpos",
         "type" : "String",
-        "desc" : [
-          "(left",
-          "right)"
-        ],
-        "memberOf" : ""
+        "desc" : "t) default left",
+        "memberOf" : "",
+        "optvals" : [
+          "left",
+          "right"
+        ]
       },
       {
         "name" : "invalidClass",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "errorMask",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) default false",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "fileUpload",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "labelAlign",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "html",
       {
         "name" : "level",
         "type" : "Number",
-        "desc" : [
-          "(1",
+        "desc" : "6) default 1",
+        "memberOf" : "",
+        "optvals" : [
+          "1",
           "2",
           "3",
           "4",
           "5",
-          "6)"
-        ],
-        "memberOf" : ""
+          "6"
+        ]
       },
       {
         "name" : "listeners",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "accept",
         "type" : "String",
-        "desc" : [
-          "(image",
+        "desc" : "o) use for file input only. (default empty)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "image",
           "video",
-          "audio)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+          "audio"
+        ]
       },
       {
         "name" : "actionMode",
       {
         "name" : "align",
         "type" : "String",
-        "desc" : [
-          "(left",
+        "desc" : "t) Default left",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "left",
           "center",
-          "right)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+          "right"
+        ]
       },
       {
         "name" : "allowBlank",
       {
         "name" : "capture",
         "type" : "String",
-        "desc" : [
-          "(user",
-          "camera)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "a) use for file input only. (default empty)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "user",
+          "camera"
+        ]
       },
       {
         "name" : "cls",
       {
         "name" : "forceFeedback",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "e) Default false",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "hasFeedback",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "e) default true",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "height",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "html",
       {
         "name" : "indicatorpos",
         "type" : "String",
-        "desc" : [
-          "(left",
-          "right)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "t) default left",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "left",
+          "right"
+        ]
       },
       {
         "name" : "invalidClass",
       {
         "name" : "labelAlign",
         "type" : "String",
-        "desc" : [
-          "(top",
-          "left)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "t)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "top",
+          "left"
+        ]
       },
       {
         "name" : "labelWidth",
       {
         "name" : "resize",
         "type" : "string",
-        "desc" : [
-          "(none",
+        "desc" : "l)",
+        "memberOf" : "Roo.bootstrap.TextArea",
+        "optvals" : [
+          "none",
           "both",
           "horizontal",
           "vertical",
           "inherit",
-          "initial)"
-        ],
-        "memberOf" : "Roo.bootstrap.TextArea"
+          "initial"
+        ]
       },
       {
         "name" : "rows",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "vtype",
       {
         "name" : "wrap",
         "type" : "string",
-        "desc" : [
-          "(soft",
-          "hard)"
-        ],
-        "memberOf" : "Roo.bootstrap.TextArea"
+        "desc" : "d)Specifies how the text in a text area is to be wrapped when submitted in a form",
+        "memberOf" : "Roo.bootstrap.TextArea",
+        "optvals" : [
+          "soft",
+          "hard"
+        ]
       },
       {
         "name" : "xattr",
         "desc" : "image alternative text",
         "memberOf" : ""
       },
+      {
+        "name" : "backgroundContain",
+        "type" : "Boolean",
+        "desc" : "(use style background and contain image in content)",
+        "memberOf" : ""
+      },
       {
         "name" : "border",
         "type" : "String",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "href",
       {
         "name" : "target",
         "type" : "String",
-        "desc" : [
-          "(_self",
+        "desc" : "p)target for a href.",
+        "memberOf" : "",
+        "optvals" : [
+          "_self",
           "_blank",
           "_parent",
-          "_top)"
-        ],
-        "memberOf" : ""
+          "_top"
+        ]
       },
       {
         "name" : "tooltip",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "load",
+        "type" : "function",
+        "desc" : "The when any image loads",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : ""
+      },
       {
         "name" : "render",
         "type" : "function",
       {
         "name" : "accept",
         "type" : "String",
-        "desc" : [
-          "(image",
+        "desc" : "o) use for file input only. (default empty)",
+        "memberOf" : "",
+        "optvals" : [
+          "image",
           "video",
-          "audio)"
-        ],
-        "memberOf" : ""
+          "audio"
+        ]
       },
       {
         "name" : "actionMode",
       {
         "name" : "align",
         "type" : "String",
-        "desc" : [
-          "(left",
+        "desc" : "t) Default left",
+        "memberOf" : "",
+        "optvals" : [
+          "left",
           "center",
-          "right)"
-        ],
-        "memberOf" : ""
+          "right"
+        ]
       },
       {
         "name" : "allowBlank",
       {
         "name" : "capture",
         "type" : "String",
-        "desc" : [
-          "(user",
-          "camera)"
-        ],
-        "memberOf" : ""
+        "desc" : "a) use for file input only. (default empty)",
+        "memberOf" : "",
+        "optvals" : [
+          "user",
+          "camera"
+        ]
       },
       {
         "name" : "cls",
       {
         "name" : "forceFeedback",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) Default false",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "hasFeedback",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) default true",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "indicatorpos",
         "type" : "String",
-        "desc" : [
-          "(left",
-          "right)"
-        ],
-        "memberOf" : ""
+        "desc" : "t) default left",
+        "memberOf" : "",
+        "optvals" : [
+          "left",
+          "right"
+        ]
       },
       {
         "name" : "invalidClass",
       {
         "name" : "labelAlign",
         "type" : "String",
-        "desc" : [
-          "(top",
-          "left)"
-        ],
-        "memberOf" : ""
+        "desc" : "t)",
+        "memberOf" : "",
+        "optvals" : [
+          "top",
+          "left"
+        ]
       },
       {
         "name" : "labelWidth",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "vtype",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "isAutoInitial",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "isAutoInitial",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "href",
       {
         "name" : "preventDefault",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) default false",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "style",
       {
         "name" : "target",
         "type" : "String",
-        "desc" : [
-          "(_self",
+        "desc" : "p) target for a href.",
+        "memberOf" : "",
+        "optvals" : [
+          "_self",
           "_blank",
           "_parent",
-          "_top)"
-        ],
-        "memberOf" : ""
+          "_top"
+        ]
       },
       {
         "name" : "tooltip",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "latitude",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "accept",
         "type" : "String",
-        "desc" : [
-          "(image",
+        "desc" : "o) use for file input only. (default empty)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "image",
           "video",
-          "audio)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+          "audio"
+        ]
       },
       {
         "name" : "actionMode",
       {
         "name" : "align",
         "type" : "String",
-        "desc" : [
-          "(left",
+        "desc" : "t) Default left",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "left",
           "center",
-          "right)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+          "right"
+        ]
       },
       {
         "name" : "allowBlank",
       {
         "name" : "capture",
         "type" : "String",
-        "desc" : [
-          "(user",
-          "camera)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "a) use for file input only. (default empty)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "user",
+          "camera"
+        ]
       },
       {
         "name" : "cls",
       {
         "name" : "forceFeedback",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "e) Default false",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "hasFeedback",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "e) default true",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "html",
       {
         "name" : "indicatorpos",
         "type" : "String",
-        "desc" : [
-          "(left",
-          "right)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "t) default left",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "left",
+          "right"
+        ]
       },
       {
         "name" : "invalidClass",
       {
         "name" : "labelAlign",
         "type" : "String",
-        "desc" : [
-          "(top",
-          "left)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "t)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "top",
+          "left"
+        ]
       },
       {
         "name" : "labelWidth",
       {
         "name" : "resize",
         "type" : "string",
-        "desc" : [
-          "(none",
+        "desc" : "l)",
+        "memberOf" : "Roo.bootstrap.TextArea",
+        "optvals" : [
+          "none",
           "both",
           "horizontal",
           "vertical",
           "inherit",
-          "initial)"
-        ],
-        "memberOf" : "Roo.bootstrap.TextArea"
+          "initial"
+        ]
       },
       {
         "name" : "rows",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "vtype",
       {
         "name" : "wrap",
         "type" : "string",
-        "desc" : [
-          "(soft",
-          "hard)"
-        ],
-        "memberOf" : "Roo.bootstrap.TextArea"
+        "desc" : "d)Specifies how the text in a text area is to be wrapped when submitted in a form",
+        "memberOf" : "Roo.bootstrap.TextArea",
+        "optvals" : [
+          "soft",
+          "hard"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "href",
       {
         "name" : "placetitle",
         "type" : "String",
-        "desc" : [
-          "(center",
-          "bottom)"
-        ],
-        "memberOf" : ""
+        "desc" : "m)",
+        "memberOf" : "",
+        "optvals" : [
+          "center",
+          "bottom"
+        ]
       },
       {
         "name" : "preventDefault",
       {
         "name" : "size",
         "type" : "String",
-        "desc" : [
-          "(xs",
+        "desc" : "e)",
+        "memberOf" : "",
+        "optvals" : [
+          "xs",
           "sm",
           "md",
           "md-left",
           "md-right",
           "tall",
-          "wide)"
-        ],
-        "memberOf" : ""
+          "wide"
+        ]
       },
       {
         "name" : "style",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "align",
+        "type" : "String",
+        "desc" : "default tl-bl? == below  - how the menu should be aligned.",
+        "memberOf" : ""
+      },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "hideTrigger",
         "type" : "bool",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e)  default false - hide the carret for trigger.",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "isLink",
         "type" : "bool",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e)  the menu has link disable auto expand and collaspe (default false)",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "listeners",
       {
         "name" : "stopEvent",
         "type" : "bool",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e)  Stop event after trigger press (default true)",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "style",
       {
         "name" : "type",
         "type" : "String",
-        "desc" : [
-          "(dropdown",
+        "desc" : "u) type of menu",
+        "memberOf" : "",
+        "optvals" : [
+          "dropdown",
           "treeview",
-          "submenu)"
-        ],
-        "memberOf" : ""
+          "submenu"
+        ]
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "href",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "closable",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) default false",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "cls",
       {
         "name" : "fixed",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) default false, fix the bar at the top",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "html",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "weight",
         "type" : "String",
-        "desc" : [
-          "(info",
+        "desc" : "r) default info",
+        "memberOf" : "",
+        "optvals" : [
+          "info",
           "success",
           "warning",
-          "danger)"
-        ],
-        "memberOf" : ""
+          "danger"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "buttonPosition",
         "type" : "String",
-        "desc" : [
-          "(left",
+        "desc" : "r) default right (DEPRICATED) - use mr-auto on buttons to put them on the left",
+        "memberOf" : "",
+        "optvals" : [
+          "left",
           "right",
-          "center)"
-        ],
-        "memberOf" : ""
+          "center"
+        ]
       },
       {
         "name" : "buttons",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "html",
       {
         "name" : "size",
         "type" : "String",
-        "desc" : [
-          "(sm",
+        "desc" : "l) default empty",
+        "memberOf" : "",
+        "optvals" : [
+          "sm",
           "lg",
-          "xl)"
-        ],
-        "memberOf" : ""
+          "xl"
+        ]
       },
       {
         "name" : "specificTitle",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "width",
       {
         "name" : "accept",
         "type" : "String",
-        "desc" : [
-          "(image",
+        "desc" : "o) use for file input only. (default empty)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "image",
           "video",
-          "audio)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+          "audio"
+        ]
       },
       {
         "name" : "actionMode",
       {
         "name" : "align",
         "type" : "String",
-        "desc" : [
-          "(left",
+        "desc" : "t) Default left",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "left",
           "center",
-          "right)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+          "right"
+        ]
       },
       {
         "name" : "allQuery",
       {
         "name" : "append",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.ComboBox"
+        "desc" : "e) default false",
+        "memberOf" : "Roo.bootstrap.ComboBox",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "autoCreate",
       {
         "name" : "autoFocus",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.ComboBox"
+        "desc" : "e) auto focus the first item, default true",
+        "memberOf" : "Roo.bootstrap.ComboBox",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "autocomplete",
       {
         "name" : "capture",
         "type" : "String",
-        "desc" : [
-          "(user",
-          "camera)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "a) use for file input only. (default empty)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "user",
+          "camera"
+        ]
       },
       {
         "name" : "caret",
         "type" : "String",
-        "desc" : [
-          "(search",
-          "calendar)"
-        ],
-        "memberOf" : "Roo.bootstrap.TriggerField"
+        "desc" : "r) BS3 only - carat fa name",
+        "memberOf" : "Roo.bootstrap.TriggerField",
+        "optvals" : [
+          "search",
+          "calendar"
+        ]
       },
       {
         "name" : "castInt",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) cast int if true (defalut true)",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "cls",
       {
         "name" : "forceFeedback",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "e) Default false",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "forceSelection",
       {
         "name" : "hasFeedback",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "e) default true",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "hiddenName",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "hideTrigger",
       {
         "name" : "indicatorpos",
         "type" : "String",
-        "desc" : [
-          "(left",
-          "right)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "t) default left",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "left",
+          "right"
+        ]
       },
       {
         "name" : "invalidClass",
       {
         "name" : "labelAlign",
         "type" : "String",
-        "desc" : [
-          "(top",
-          "left)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "t)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "top",
+          "left"
+        ]
       },
       {
         "name" : "labelWidth",
       {
         "name" : "mobileTouchView",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.ComboBox"
+        "desc" : "e) show mobile touch view when using a mobile default true",
+        "memberOf" : "Roo.bootstrap.ComboBox",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "mobile_restrict_height",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.ComboBox"
+        "desc" : "e) restrict height for touch view",
+        "memberOf" : "Roo.bootstrap.ComboBox",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "modalTitle",
       {
         "name" : "multiple",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.ComboBox"
+        "desc" : "e) ComboBobArray, default false",
+        "memberOf" : "Roo.bootstrap.ComboBox",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "name",
       {
         "name" : "removable",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.TriggerField"
+        "desc" : "e) special filter default false",
+        "memberOf" : "Roo.bootstrap.TriggerField",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "resizable",
       {
         "name" : "specialFilter",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.ComboBox"
+        "desc" : "e) special filter default false",
+        "memberOf" : "Roo.bootstrap.ComboBox",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "store",
       {
         "name" : "useNativeIOS",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.ComboBox"
+        "desc" : "e) render it as classic select for ios, not support dynamic load data (default false)",
+        "memberOf" : "Roo.bootstrap.ComboBox",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "validClass",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "vtype",
       {
         "name" : "accept",
         "type" : "String",
-        "desc" : [
-          "(image",
+        "desc" : "o) use for file input only. (default empty)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "image",
           "video",
-          "audio)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+          "audio"
+        ]
       },
       {
         "name" : "actionMode",
       {
         "name" : "align",
         "type" : "String",
-        "desc" : [
-          "(left",
+        "desc" : "t) Default left",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "left",
           "center",
-          "right)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+          "right"
+        ]
       },
       {
         "name" : "allowBlank",
       {
         "name" : "capture",
         "type" : "String",
-        "desc" : [
-          "(user",
-          "camera)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "a) use for file input only. (default empty)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "user",
+          "camera"
+        ]
       },
       {
         "name" : "cls",
       {
         "name" : "forceFeedback",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "e) Default false",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "hasFeedback",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "e) default true",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "indicatorpos",
         "type" : "String",
-        "desc" : [
-          "(left",
-          "right)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "t) default left",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "left",
+          "right"
+        ]
       },
       {
         "name" : "invalidClass",
       {
         "name" : "labelAlign",
         "type" : "String",
-        "desc" : [
-          "(top",
-          "left)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "t)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "top",
+          "left"
+        ]
       },
       {
         "name" : "labelWidth",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "vtype",
       {
         "name" : "align",
         "type" : "String",
-        "desc" : [
-          "(left",
-          "right)"
-        ],
-        "memberOf" : ""
+        "desc" : "t)",
+        "memberOf" : "",
+        "optvals" : [
+          "left",
+          "right"
+        ]
       },
       {
         "name" : "allowDomMove",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "inverse",
       {
         "name" : "type",
         "type" : "String",
-        "desc" : [
-          "(nav",
+        "desc" : "b) default nav",
+        "memberOf" : "",
+        "optvals" : [
+          "nav",
           "pills",
-          "tab)"
-        ],
-        "memberOf" : ""
+          "tab"
+        ]
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "align",
         "type" : "String",
-        "desc" : [
-          "(left",
-          "right)"
-        ],
-        "memberOf" : "Roo.bootstrap.NavSimplebar"
+        "desc" : "t) alignment",
+        "memberOf" : "Roo.bootstrap.NavSimplebar",
+        "optvals" : [
+          "left",
+          "right"
+        ]
       },
       {
         "name" : "allowDomMove",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "inverse",
       {
         "name" : "loadMask",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.NavSimplebar"
+        "desc" : "e) loadMask on the bar",
+        "memberOf" : "Roo.bootstrap.NavSimplebar",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "main",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.NavSimplebar"
+        "desc" : "e) main nav bar? default false",
+        "memberOf" : "Roo.bootstrap.NavSimplebar",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "mobilerow",
       {
         "name" : "position",
         "type" : "String",
-        "desc" : [
-          "(fixed-top",
+        "desc" : "p) position",
+        "memberOf" : "",
+        "optvals" : [
+          "fixed-top",
           "fixed-bottom",
-          "static-top)"
-        ],
-        "memberOf" : ""
+          "static-top"
+        ]
       },
       {
         "name" : "srButton",
       {
         "name" : "tag",
         "type" : "String",
-        "desc" : [
-          "(header",
+        "desc" : "v) default is nav",
+        "memberOf" : "Roo.bootstrap.NavSimplebar",
+        "optvals" : [
+          "header",
           "footer",
           "nav",
-          "div)"
-        ],
-        "memberOf" : "Roo.bootstrap.NavSimplebar"
+          "div"
+        ]
       },
       {
         "name" : "tooltip",
       {
         "name" : "type",
         "type" : "String",
-        "desc" : [
-          "(nav",
+        "desc" : "s)",
+        "memberOf" : "Roo.bootstrap.NavSimplebar",
+        "optvals" : [
+          "nav",
           "pills",
-          "tabs)"
-        ],
-        "memberOf" : "Roo.bootstrap.NavSimplebar"
+          "tabs"
+        ]
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "weight",
         "type" : "String",
-        "desc" : [
-          "(light",
+        "desc" : "e) default is light.",
+        "memberOf" : "Roo.bootstrap.NavSimplebar",
+        "optvals" : [
+          "light",
           "primary",
           "secondary",
           "success",
           "warning",
           "info",
           "dark",
-          "white)"
-        ],
-        "memberOf" : "Roo.bootstrap.NavSimplebar"
+          "white"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "animateRef",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) link to element default false",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "badge",
       {
         "name" : "badgecls",
         "type" : "String",
-        "desc" : [
-          "(bg-green",
+        "desc" : "w)the extra classes for the badge",
+        "memberOf" : "",
+        "optvals" : [
+          "bg-green",
           "bg-red",
-          "bg-yellow)"
-        ],
-        "memberOf" : ""
+          "bg-yellow"
+        ]
       },
       {
         "name" : "button_outline",
       {
         "name" : "button_weight",
         "type" : "String",
-        "desc" : [
-          "(default",
+        "desc" : "k) default none",
+        "memberOf" : "",
+        "optvals" : [
+          "default",
           "primary",
           "secondary",
           "success",
           "danger",
           "link",
           "light",
-          "dark)"
-        ],
-        "memberOf" : ""
+          "dark"
+        ]
       },
       {
         "name" : "can_build_overlaid",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "href",
       {
         "name" : "preventDefault",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) default false",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "style",
       {
         "name" : "tagtype",
         "type" : "String",
-        "desc" : [
-          "(a",
-          "span)"
-        ],
-        "memberOf" : ""
+        "desc" : "n) render as a href or span?",
+        "memberOf" : "",
+        "optvals" : [
+          "a",
+          "span"
+        ]
       },
       {
         "name" : "tooltip",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "active",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) Is item active default false",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "allowDomMove",
       {
         "name" : "disabled",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) Is item active default false",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "html",
       {
         "name" : "position",
         "type" : "String",
-        "desc" : [
-          "(top",
-          "bottom)"
-        ],
-        "memberOf" : ""
+        "desc" : "m) text position default bottom",
+        "memberOf" : "",
+        "optvals" : [
+          "top",
+          "bottom"
+        ]
       },
       {
         "name" : "rid",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "animateRef",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.NavItem"
+        "desc" : "e) link to element default false",
+        "memberOf" : "Roo.bootstrap.NavItem",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "badge",
       {
         "name" : "badgecls",
         "type" : "String",
-        "desc" : [
-          "(bg-green",
+        "desc" : "w)the extra classes for the badge",
+        "memberOf" : "Roo.bootstrap.NavItem",
+        "optvals" : [
+          "bg-green",
           "bg-red",
-          "bg-yellow)"
-        ],
-        "memberOf" : "Roo.bootstrap.NavItem"
+          "bg-yellow"
+        ]
       },
       {
         "name" : "button_outline",
       {
         "name" : "button_weight",
         "type" : "String",
-        "desc" : [
-          "(default",
+        "desc" : "k) default none",
+        "memberOf" : "Roo.bootstrap.NavItem",
+        "optvals" : [
+          "default",
           "primary",
           "secondary",
           "success",
           "danger",
           "link",
           "light",
-          "dark)"
-        ],
-        "memberOf" : "Roo.bootstrap.NavItem"
+          "dark"
+        ]
       },
       {
         "name" : "can_build_overlaid",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "href",
       {
         "name" : "preventDefault",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.NavItem"
+        "desc" : "e) default false",
+        "memberOf" : "Roo.bootstrap.NavItem",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "style",
       {
         "name" : "tagtype",
         "type" : "String",
-        "desc" : [
-          "(a",
-          "span)"
-        ],
-        "memberOf" : "Roo.bootstrap.NavItem"
+        "desc" : "n) render as a href or span?",
+        "memberOf" : "Roo.bootstrap.NavItem",
+        "optvals" : [
+          "a",
+          "span"
+        ]
       },
       {
         "name" : "tooltip",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "align",
         "type" : "String",
-        "desc" : [
-          "(left",
-          "right)"
-        ],
-        "memberOf" : ""
+        "desc" : "t) alignment",
+        "memberOf" : "",
+        "optvals" : [
+          "left",
+          "right"
+        ]
       },
       {
         "name" : "allowDomMove",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "inverse",
       {
         "name" : "loadMask",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) loadMask on the bar",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "main",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) main nav bar? default false",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "name",
       {
         "name" : "tag",
         "type" : "String",
-        "desc" : [
-          "(header",
+        "desc" : "v) default is nav",
+        "memberOf" : "",
+        "optvals" : [
+          "header",
           "footer",
           "nav",
-          "div)"
-        ],
-        "memberOf" : ""
+          "div"
+        ]
       },
       {
         "name" : "tooltip",
       {
         "name" : "type",
         "type" : "String",
-        "desc" : [
-          "(nav",
+        "desc" : "s)",
+        "memberOf" : "",
+        "optvals" : [
+          "nav",
           "pills",
-          "tabs)"
-        ],
-        "memberOf" : ""
+          "tabs"
+        ]
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "weight",
         "type" : "String",
-        "desc" : [
-          "(light",
+        "desc" : "e) default is light.",
+        "memberOf" : "",
+        "optvals" : [
+          "light",
           "primary",
           "secondary",
           "success",
           "warning",
           "info",
           "dark",
-          "white)"
-        ],
-        "memberOf" : ""
+          "white"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "accept",
         "type" : "String",
-        "desc" : [
-          "(image",
+        "desc" : "o) use for file input only. (default empty)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "image",
           "video",
-          "audio)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+          "audio"
+        ]
       },
       {
         "name" : "actionMode",
       {
         "name" : "align",
         "type" : "String",
-        "desc" : [
-          "(left",
+        "desc" : "t) Default left",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "left",
           "center",
-          "right)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+          "right"
+        ]
       },
       {
         "name" : "allowBlank",
       {
         "name" : "capture",
         "type" : "String",
-        "desc" : [
-          "(user",
-          "camera)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "a) use for file input only. (default empty)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "user",
+          "camera"
+        ]
       },
       {
         "name" : "cls",
       {
         "name" : "forceFeedback",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "e) Default false",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "hasFeedback",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "e) default true",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "indicatorpos",
         "type" : "String",
-        "desc" : [
-          "(left",
-          "right)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "t) default left",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "left",
+          "right"
+        ]
       },
       {
         "name" : "invalidClass",
       {
         "name" : "labelAlign",
         "type" : "String",
-        "desc" : [
-          "(top",
-          "left)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "t)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "top",
+          "left"
+        ]
       },
       {
         "name" : "labelWidth",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "vtype",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "inverse",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "active",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) default false",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "allowDomMove",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "href",
       {
         "name" : "preventDefault",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) default true",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "style",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "align",
         "type" : "String",
-        "desc" : [
-          "(left",
-          "right)"
-        ],
-        "memberOf" : "Roo.bootstrap.NavSimplebar"
+        "desc" : "t) alignment",
+        "memberOf" : "Roo.bootstrap.NavSimplebar",
+        "optvals" : [
+          "left",
+          "right"
+        ]
       },
       {
         "name" : "allowDomMove",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "inverse",
       {
         "name" : "loadMask",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.NavSimplebar"
+        "desc" : "e) loadMask on the bar",
+        "memberOf" : "Roo.bootstrap.NavSimplebar",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "main",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.NavSimplebar"
+        "desc" : "e) main nav bar? default false",
+        "memberOf" : "Roo.bootstrap.NavSimplebar",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "name",
       {
         "name" : "tag",
         "type" : "String",
-        "desc" : [
-          "(header",
+        "desc" : "v) default is nav",
+        "memberOf" : "Roo.bootstrap.NavSimplebar",
+        "optvals" : [
+          "header",
           "footer",
           "nav",
-          "div)"
-        ],
-        "memberOf" : "Roo.bootstrap.NavSimplebar"
+          "div"
+        ]
       },
       {
         "name" : "tooltip",
       {
         "name" : "type",
         "type" : "String",
-        "desc" : [
-          "(nav",
+        "desc" : "s)",
+        "memberOf" : "Roo.bootstrap.NavSimplebar",
+        "optvals" : [
+          "nav",
           "pills",
-          "tabs)"
-        ],
-        "memberOf" : "Roo.bootstrap.NavSimplebar"
+          "tabs"
+        ]
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "weight",
         "type" : "String",
-        "desc" : [
-          "(light",
+        "desc" : "e) default is light.",
+        "memberOf" : "Roo.bootstrap.NavSimplebar",
+        "optvals" : [
+          "light",
           "primary",
           "secondary",
           "success",
           "warning",
           "info",
           "dark",
-          "white)"
-        ],
-        "memberOf" : "Roo.bootstrap.NavSimplebar"
+          "white"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "accept",
         "type" : "String",
-        "desc" : [
-          "(image",
+        "desc" : "o) use for file input only. (default empty)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "image",
           "video",
-          "audio)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+          "audio"
+        ]
       },
       {
         "name" : "actionMode",
       {
         "name" : "align",
         "type" : "String",
-        "desc" : [
-          "(left",
+        "desc" : "t) Default left",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "left",
           "center",
-          "right)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+          "right"
+        ]
       },
       {
         "name" : "allowBlank",
       {
         "name" : "capture",
         "type" : "String",
-        "desc" : [
-          "(user",
-          "camera)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "a) use for file input only. (default empty)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "user",
+          "camera"
+        ]
       },
       {
         "name" : "caret",
         "type" : "String",
-        "desc" : [
-          "(search",
-          "calendar)"
-        ],
-        "memberOf" : "Roo.bootstrap.TriggerField"
+        "desc" : "r) BS3 only - carat fa name",
+        "memberOf" : "Roo.bootstrap.TriggerField",
+        "optvals" : [
+          "search",
+          "calendar"
+        ]
       },
       {
         "name" : "cls",
       {
         "name" : "forceFeedback",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "e) Default false",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "hasFeedback",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "e) default true",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "hideTrigger",
       {
         "name" : "indicatorpos",
         "type" : "String",
-        "desc" : [
-          "(left",
-          "right)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "t) default left",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "left",
+          "right"
+        ]
       },
       {
         "name" : "invalidClass",
       {
         "name" : "labelAlign",
         "type" : "String",
-        "desc" : [
-          "(top",
-          "left)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "t)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "top",
+          "left"
+        ]
       },
       {
         "name" : "labelWidth",
       {
         "name" : "removable",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.TriggerField"
+        "desc" : "e) special filter default false",
+        "memberOf" : "Roo.bootstrap.TriggerField",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "selectOnFocus",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "vtype",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "html",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "align",
         "type" : "String",
-        "desc" : [
-          "(left",
-          "right)"
-        ],
-        "memberOf" : "Roo.bootstrap.NavGroup"
+        "desc" : "t)",
+        "memberOf" : "Roo.bootstrap.NavGroup",
+        "optvals" : [
+          "left",
+          "right"
+        ]
       },
       {
         "name" : "allowDomMove",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "inverse",
       {
         "name" : "type",
         "type" : "String",
-        "desc" : [
-          "(nav",
+        "desc" : "b) default nav",
+        "memberOf" : "Roo.bootstrap.NavGroup",
+        "optvals" : [
+          "nav",
           "pills",
-          "tab)"
-        ],
-        "memberOf" : "Roo.bootstrap.NavGroup"
+          "tab"
+        ]
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "label",
       {
         "name" : "panel",
         "type" : "String",
-        "desc" : [
-          "(success",
+        "desc" : ")",
+        "memberOf" : "",
+        "optvals" : [
+          "success",
           "info",
           "warning",
-          "danger )"
-        ],
-        "memberOf" : ""
+          "danger"
+        ]
       },
       {
         "name" : "role",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "accept",
         "type" : "String",
-        "desc" : [
-          "(image",
+        "desc" : "o) use for file input only. (default empty)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "image",
           "video",
-          "audio)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+          "audio"
+        ]
       },
       {
         "name" : "actionMode",
       {
         "name" : "align",
         "type" : "String",
-        "desc" : [
-          "(left",
+        "desc" : "t) Default left",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "left",
           "center",
-          "right)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+          "right"
+        ]
       },
       {
         "name" : "allowBlank",
       {
         "name" : "capture",
         "type" : "String",
-        "desc" : [
-          "(user",
-          "camera)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "a) use for file input only. (default empty)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "user",
+          "camera"
+        ]
       },
       {
         "name" : "cls",
       {
         "name" : "forceFeedback",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "e) Default false",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "hasFeedback",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "e) default true",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "indicatorpos",
         "type" : "String",
-        "desc" : [
-          "(left",
-          "right)"
-        ],
-        "memberOf" : ""
+        "desc" : "t) default left",
+        "memberOf" : "",
+        "optvals" : [
+          "left",
+          "right"
+        ]
       },
       {
         "name" : "inline",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) inline the element (default true)",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "invalidClass",
       {
         "name" : "labelAlign",
         "type" : "String",
-        "desc" : [
-          "(top",
-          "left)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "t)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "top",
+          "left"
+        ]
       },
       {
         "name" : "labelWidth",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "vtype",
       {
         "name" : "weight",
         "type" : "String",
-        "desc" : [
-          "(primary",
+        "desc" : "s) The text that appears beside the radio",
+        "memberOf" : "",
+        "optvals" : [
+          "primary",
           "warning",
           "info",
           "danger",
-          "success)"
-        ],
-        "memberOf" : ""
+          "success"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "accept",
         "type" : "String",
-        "desc" : [
-          "(image",
+        "desc" : "o) use for file input only. (default empty)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "image",
           "video",
-          "audio)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+          "audio"
+        ]
       },
       {
         "name" : "actionMode",
       {
         "name" : "align",
         "type" : "String",
-        "desc" : [
-          "(left",
+        "desc" : "t) Default left",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "left",
           "center",
-          "right)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+          "right"
+        ]
       },
       {
         "name" : "allowBlank",
       {
         "name" : "capture",
         "type" : "String",
-        "desc" : [
-          "(user",
-          "camera)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "a) use for file input only. (default empty)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "user",
+          "camera"
+        ]
       },
       {
         "name" : "cls",
       {
         "name" : "forceFeedback",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "e) Default false",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "hasFeedback",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "e) default true",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "indicatorpos",
         "type" : "String",
-        "desc" : [
-          "(left",
-          "right)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "t) default left",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "left",
+          "right"
+        ]
       },
       {
         "name" : "invalidClass",
       {
         "name" : "labelAlign",
         "type" : "String",
-        "desc" : [
-          "(top",
-          "left)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "t)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "top",
+          "left"
+        ]
       },
       {
         "name" : "labelWidth",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "vtype",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "alert",
         "type" : "String",
-        "desc" : [
-          "(success",
+        "desc" : "r) type alert (changes background / border...)",
+        "memberOf" : "Roo.bootstrap.Column",
+        "optvals" : [
+          "success",
           "info",
           "warning",
-          "danger)"
-        ],
-        "memberOf" : "Roo.bootstrap.Column"
+          "danger"
+        ]
       },
       {
         "name" : "allowDomMove",
       {
         "name" : "autoslide",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) auto slide .. default false",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "bullets",
       {
         "name" : "fa",
         "type" : "String",
-        "desc" : [
-          "(ban",
+        "desc" : ".) font awesome icon",
+        "memberOf" : "Roo.bootstrap.Column",
+        "optvals" : [
+          "ban",
           "check",
-          "...)"
-        ],
-        "memberOf" : "Roo.bootstrap.Column"
+          "..."
+        ]
       },
       {
         "name" : "fasize",
         "type" : "Number",
-        "desc" : [
-          "(1",
+        "desc" : ".) font awsome size",
+        "memberOf" : "Roo.bootstrap.Column",
+        "optvals" : [
+          "1",
           "2",
-          "....)"
-        ],
-        "memberOf" : "Roo.bootstrap.Column"
+          "...."
+        ]
       },
       {
         "name" : "hidden",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Column"
+        "desc" : "e) hide the element",
+        "memberOf" : "Roo.bootstrap.Column",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "html",
       {
         "name" : "icon",
         "type" : "String",
-        "desc" : [
-          "(info-sign",
+        "desc" : ".) glyphicon name",
+        "memberOf" : "Roo.bootstrap.Column",
+        "optvals" : [
+          "info-sign",
           "check",
-          "...)"
-        ],
-        "memberOf" : "Roo.bootstrap.Column"
+          "..."
+        ]
       },
       {
         "name" : "lg",
       {
         "name" : "showarrow",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) show arrow default true",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "sm",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "href",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "align",
-        "type" : "String",
-        "desc" : [
-          "(left",
-          "center",
-          "right)"
-        ],
-        "memberOf" : ""
-      },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "auto hide footer if only one page (default false)",
         "memberOf" : ""
       },
-      {
-        "name" : "bgcolor",
-        "type" : "String",
-        "desc" : "Specifies the background color for a table",
-        "memberOf" : ""
-      },
-      {
-        "name" : "border",
-        "type" : "Number",
-        "desc" : "Specifies whether the table cells should have borders or not",
-        "memberOf" : ""
-      },
       {
         "name" : "bordered",
         "type" : "boolean",
       {
         "name" : "cellSelection",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
-      },
-      {
-        "name" : "cellpadding",
-        "type" : "Number",
-        "desc" : "Specifies the space between the cell wall and the cell content",
-        "memberOf" : ""
-      },
-      {
-        "name" : "cellspacing",
-        "type" : "Number",
-        "desc" : "Specifies the space between cells",
-        "memberOf" : ""
+        "desc" : "e) default false",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "cls",
         "desc" : "table class",
         "memberOf" : ""
       },
+      {
+        "name" : "cm[]",
+        "type" : "Roo.grid.ColumnModel",
+        "desc" : "A column for th grid.",
+        "memberOf" : ""
+      },
       {
         "name" : "condensed",
         "type" : "boolean",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "enableColumnResize",
+        "type" : "Boolean",
+        "desc" : "default true if columns can be resized (drag/drop)",
+        "memberOf" : ""
+      },
       {
         "name" : "footer",
         "type" : "Roo.bootstrap.PagingToolbar",
       {
         "name" : "footerShow",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
-      },
-      {
-        "name" : "frame",
-        "type" : "String",
-        "desc" : "Specifies which parts of the outside borders that should be visible",
-        "memberOf" : ""
+        "desc" : "e) generate tfoot, default true",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "headerShow",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) generate thead, default true",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "hover",
         "desc" : "Add hover highlighting",
         "memberOf" : ""
       },
-      {
-        "name" : "layout",
-        "type" : "String",
-        "desc" : "table layout (auto | fixed | initial | inherit)",
-        "memberOf" : ""
-      },
       {
         "name" : "lazyLoad",
         "type" : "Boolean",
       {
         "name" : "loadMask",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
+        "desc" : "e) default false",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "minColumnWidth",
+        "type" : "Number",
+        "desc" : "default 50 pixels minimum column width",
         "memberOf" : ""
       },
       {
       {
         "name" : "responsive",
         "type" : "boolean",
-        "desc" : "Format condensed",
+        "desc" : "default false - if this is on, columns are rendered with col-xs-4 etc. classes, otherwise columns will be sized by CSS,\n               also adds table-responsive (see bootstrap docs for details)",
         "memberOf" : ""
       },
       {
         "name" : "rowSelection",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
-      },
-      {
-        "name" : "rules",
-        "type" : "String",
-        "desc" : "Specifies which parts of the inside borders that should be visible",
-        "memberOf" : ""
+        "desc" : "e) default false",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "scrollBody",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
+        "desc" : "e) default false - body scrolled / fixed header",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "sm",
+        "type" : "Roo.grid.RowSelectionModel|Roo.grid.CellSelectionModel",
+        "desc" : "The selection model to use (cell selection is not supported yet)",
         "memberOf" : ""
       },
       {
-        "name" : "sortable",
-        "type" : "String",
-        "desc" : "Specifies that the table should be sortable",
+        "name" : "store",
+        "type" : "Roo.data.Store|Roo.data.SimpleStore",
+        "desc" : "The data store to use",
         "memberOf" : ""
       },
       {
         "desc" : "any extra css",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "summary",
-        "type" : "String",
-        "desc" : "Specifies a summary of the content of a table",
-        "memberOf" : ""
-      },
       {
         "name" : "tooltip",
         "type" : "string",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "width",
-        "type" : "Number",
-        "desc" : "Specifies the width of a table",
-        "memberOf" : ""
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "mousedown",
+        "type" : "function",
+        "desc" : "The raw mousedown event for the entire grid.",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : ""
+      },
       {
         "name" : "mouseout",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "ensureVisible",
+        "type" : "function",
+        "desc" : "Scrolls the specified cell into view",
+        "sig" : "(row, col, hscroll)",
+        "static" : false,
+        "memberOf" : ""
+      },
       {
         "name" : "fireEvent",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "focusCell",
+        "type" : "function",
+        "desc" : "Focuses the specified cell.",
+        "sig" : "(row, col, hscroll)",
+        "static" : false,
+        "memberOf" : ""
+      },
+      {
+        "name" : "focusRow",
+        "type" : "function",
+        "desc" : "Focuses the specified row.",
+        "sig" : "(row)",
+        "static" : false,
+        "memberOf" : ""
+      },
+      {
+        "name" : "getCellIndex",
+        "type" : "function",
+        "desc" : "get the Column Index from a dom element. (using regex on x-hcol-{colid})",
+        "sig" : "(cell)",
+        "static" : false,
+        "memberOf" : ""
+      },
       {
         "name" : "getChildContainer",
         "type" : "function",
         "static" : false,
         "memberOf" : ""
       },
+      {
+        "name" : "getHeaderIndex",
+        "type" : "function",
+        "desc" : "get the header TH element for columnIndex",
+        "sig" : "(columnIndex)",
+        "static" : false,
+        "memberOf" : ""
+      },
       {
         "name" : "getId",
         "type" : "function",
         "static" : false,
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "getRowIndex",
+        "type" : "function",
+        "desc" : "get the Row Index from a dom element.",
+        "sig" : "(row)",
+        "static" : false,
+        "memberOf" : ""
+      },
       {
         "name" : "getVisibilityEl",
         "type" : "function",
       }
     ]
   },
-  "Roo.bootstrap.Table.AbstractSelectionModel" : {
+  "Roo.bootstrap.TableBody" : {
     "props" : [
+      {
+        "name" : "actionMode",
+        "type" : "String",
+        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "align",
+        "type" : "String",
+        "desc" : "Aligns the content inside the element",
+        "memberOf" : ""
+      },
+      {
+        "name" : "allowDomMove",
+        "type" : "Boolean",
+        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "can_build_overlaid",
+        "type" : "Boolean",
+        "desc" : "True if element can be rebuild from a HTML page",
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "charoff",
+        "type" : "Number",
+        "desc" : "Sets the number of characters the content inside the element will be aligned from the character specified by the char attribute",
+        "memberOf" : ""
+      },
+      {
+        "name" : "cls",
+        "type" : "String",
+        "desc" : "element class",
+        "memberOf" : ""
+      },
+      {
+        "name" : "container_method",
+        "type" : "string",
+        "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "dataId",
+        "type" : "string",
+        "desc" : "cutomer id",
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "disableClass",
+        "type" : "String",
+        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "hideMode",
+        "type" : "String",
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
         "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "name",
+        "type" : "string",
+        "desc" : "Specifies name attribute",
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "style",
+        "type" : "String",
+        "desc" : "any extra css",
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "tag",
+        "type" : "String",
+        "desc" : "element tag (thead|tbody|tfoot) default tbody",
+        "memberOf" : ""
+      },
+      {
+        "name" : "tooltip",
+        "type" : "string",
+        "desc" : "Text for the tooltip",
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "valign",
+        "type" : "String",
+        "desc" : "Vertical aligns the content inside the <tbody> element",
+        "memberOf" : ""
+      },
+      {
+        "name" : "visibilityEl",
+        "type" : "string|object",
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
+      },
+      {
+        "name" : "xattr",
+        "type" : "Object",
+        "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
+        "memberOf" : "Roo.bootstrap.Component"
+      }
+    ],
+    "events" : [
+      {
+        "name" : "beforedestroy",
+        "type" : "function",
+        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "beforehide",
+        "type" : "function",
+        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "beforerender",
+        "type" : "function",
+        "desc" : "Fires before the component is rendered. Return false to stop the render.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "beforeshow",
+        "type" : "function",
+        "desc" : "Fires before the component is shown.  Return false to stop the show.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "childrenrendered",
+        "type" : "function",
+        "desc" : "Fires when the children have been rendered..",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "destroy",
+        "type" : "function",
+        "desc" : "Fires after the component is destroyed.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Fires after the component is disabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Fires after the component is enabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "hide",
+        "type" : "function",
+        "desc" : "Fires after the component is hidden.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "render",
+        "type" : "function",
+        "desc" : "Fires after the component is rendered.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Fires after the component is shown.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
       }
     ],
-    "events" : [],
     "methods" : [
       {
         "name" : "addEvents",
         "memberOf" : "Roo.util.Observable"
       },
       {
-        "name" : "fireEvent",
-        "type" : "function",
-        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
-        "sig" : "(eventName, args)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "hasListener",
-        "type" : "function",
-        "desc" : "Checks to see if this object has any listeners for a specified event",
-        "sig" : "(eventName)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "isLocked",
-        "type" : "function",
-        "desc" : "Returns true if the selections are locked.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : ""
-      },
-      {
-        "name" : "lock",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Locks the selections.",
+        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : ""
-      },
-      {
-        "name" : "on",
-        "type" : "function",
-        "desc" : "Appends an event handler to this element (shorthand for addListener)",
-        "sig" : "(eventName, handler, scope, options)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "purgeListeners",
+        "name" : "disable",
         "type" : "function",
-        "desc" : "Removes all listeners for this object",
+        "desc" : "Disable this component.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "releaseCapture",
-        "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "removeListener",
-        "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "un",
-        "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "unlock",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "Unlocks the selections.",
+        "desc" : "Enable this component.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : ""
-      }
-    ]
-  },
-  "Roo.bootstrap.Table.RowSelectionModel" : {
-    "props" : [
-      {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "singleSelect",
-        "type" : "Boolean",
-        "desc" : "True to allow selection of only one row at a time (defaults to false)",
-        "memberOf" : ""
-      }
-    ],
-    "events" : [
-      {
-        "name" : "afterselectionchange",
-        "type" : "function",
-        "desc" : "Fires after the selection changes (eg. by key press or clicking)",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : ""
-      },
-      {
-        "name" : "beforerowselect",
-        "type" : "function",
-        "desc" : "Fires when a row is selected being selected, return false to cancel.",
-        "sig" : "function (_self, rowIndex, keepExisting)\n{\n\n}",
-        "memberOf" : ""
-      },
-      {
-        "name" : "rowdeselect",
-        "type" : "function",
-        "desc" : "Fires when a row is deselected.",
-        "sig" : "function (_self, rowIndex)\n{\n\n}",
-        "memberOf" : ""
-      },
-      {
-        "name" : "rowselect",
-        "type" : "function",
-        "desc" : "Fires when a row is selected.",
-        "sig" : "function (_self, rowIndex, r)\n{\n\n}",
-        "memberOf" : ""
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "selectionchange",
-        "type" : "function",
-        "desc" : "Fires when the selection changes",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : ""
-      }
-    ],
-    "methods" : [
-      {
-        "name" : "addEvents",
+        "name" : "fireEvent",
         "type" : "function",
-        "desc" : "Used to define events on this Observable",
-        "sig" : "(object)",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
         "static" : false,
         "memberOf" : "Roo.util.Observable"
       },
       {
-        "name" : "addListener",
+        "name" : "focus",
         "type" : "function",
-        "desc" : "Appends an event handler to this component",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "Try to focus this component.",
+        "sig" : "(selectText)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "capture",
-        "type" : "function",
-        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
-        "sig" : "(o, fn, scope)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "clearSelections",
+        "name" : "getChildContainer",
         "type" : "function",
-        "desc" : "Clears all selections.",
+        "desc" : "Fetch the element to add children to",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : ""
-      },
-      {
-        "name" : "deselectRange",
-        "type" : "function",
-        "desc" : "Deselects a range of rows. All rows in between startRow and endRow are also deselected.",
-        "sig" : "(startRow, endRow)",
-        "static" : false,
-        "memberOf" : ""
-      },
-      {
-        "name" : "deselectRow",
-        "type" : "function",
-        "desc" : "Deselects a row.",
-        "sig" : "(row)",
-        "static" : false,
-        "memberOf" : ""
-      },
-      {
-        "name" : "fireEvent",
-        "type" : "function",
-        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
-        "sig" : "(eventName, args)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "getCount",
+        "name" : "getEl",
         "type" : "function",
-        "desc" : "Gets the number of selected rows.",
+        "desc" : "Returns the underlying {@link Roo.Element}.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : ""
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "getSelected",
+        "name" : "getId",
         "type" : "function",
-        "desc" : "Returns the first selected record.",
+        "desc" : "Returns the id of this component.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : ""
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "getSelections",
+        "name" : "getVisibilityEl",
         "type" : "function",
-        "desc" : "Returns the selected records",
+        "desc" : "Get the element that will be used to show or hide",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "hasListener",
         "memberOf" : "Roo.util.Observable"
       },
       {
-        "name" : "hasSelection",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Returns True if there is a selection.",
+        "desc" : "Hide a component - adds 'hidden' class",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : ""
-      },
-      {
-        "name" : "isIdSelected",
-        "type" : "function",
-        "desc" : "Returns True if the specified record id is selected.",
-        "sig" : "(id)",
-        "static" : false,
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "isLocked",
+        "name" : "initEvents",
         "type" : "function",
-        "desc" : "Returns true if the selections are locked.",
+        "desc" : "Initialize Events for the element",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Table.AbstractSelectionModel"
-      },
-      {
-        "name" : "isSelected",
-        "type" : "function",
-        "desc" : "Returns True if the specified row is selected.",
-        "sig" : "(record)",
-        "static" : false,
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "lock",
+        "name" : "isVisible",
         "type" : "function",
-        "desc" : "Locks the selections.",
+        "desc" : "Returns true if this component is visible.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Table.AbstractSelectionModel"
+        "memberOf" : "Roo.Component"
       },
       {
         "name" : "on",
         "memberOf" : "Roo.util.Observable"
       },
       {
-        "name" : "selectAll",
-        "type" : "function",
-        "desc" : "Selects all rows.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : ""
-      },
-      {
-        "name" : "selectFirstRow",
-        "type" : "function",
-        "desc" : "Selects the first row in the grid.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : ""
-      },
-      {
-        "name" : "selectLastRow",
-        "type" : "function",
-        "desc" : "Select the last row.",
-        "sig" : "(keepExisting)",
-        "static" : false,
-        "memberOf" : ""
-      },
-      {
-        "name" : "selectNext",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Selects the row immediately following the last selected row.",
-        "sig" : "(keepExisting)",
+        "desc" : "If this is a lazy rendering component, render it to its container element.",
+        "sig" : "(container)",
         "static" : false,
-        "memberOf" : ""
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "selectPrevious",
+        "name" : "setDisabled",
         "type" : "function",
-        "desc" : "Selects the row that precedes the last selected row.",
-        "sig" : "(keepExisting)",
+        "desc" : "Convenience function for setting disabled/enabled by boolean.",
+        "sig" : "(disabled)",
         "static" : false,
-        "memberOf" : ""
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "selectRange",
+        "name" : "setVisibilityEl",
         "type" : "function",
-        "desc" : "Selects a range of rows. All rows in between startRow and endRow are also selected.",
-        "sig" : "(startRow, endRow, keepExisting)",
+        "desc" : "Set the element that will be used to show or hide",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "selectRecords",
+        "name" : "setVisible",
         "type" : "function",
-        "desc" : "Select records.",
-        "sig" : "(records, keepExisting)",
+        "desc" : "Convenience function to hide or show this component by boolean.",
+        "sig" : "(visible)",
         "static" : false,
-        "memberOf" : ""
+        "memberOf" : "Roo.Component"
       },
       {
-        "name" : "selectRow",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Selects a row.",
-        "sig" : "(row, keepExisting)",
+        "desc" : "Show a component - removes 'hidden' class",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
-        "name" : "selectRows",
+        "name" : "tooltipEl",
         "type" : "function",
-        "desc" : "Selects multiple rows.",
-        "sig" : "(rows, keepExisting)",
+        "desc" : "Fetch the element to display the tooltip on.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component"
       },
       {
         "name" : "un",
         "sig" : "(eventName, handler, scope)",
         "static" : false,
         "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "unlock",
-        "type" : "function",
-        "desc" : "Unlocks the selections.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Table.AbstractSelectionModel"
       }
     ]
   },
-  "Roo.bootstrap.TableBody" : {
+  "Roo.bootstrap.TableCell" : {
     "props" : [
+      {
+        "name" : "abbr",
+        "type" : "String",
+        "desc" : "Specifies an abbreviated version of the content in a cell",
+        "memberOf" : ""
+      },
       {
         "name" : "actionMode",
         "type" : "String",
       {
         "name" : "align",
         "type" : "String",
-        "desc" : "Aligns the content inside the element",
+        "desc" : "Aligns the content in a cell",
         "memberOf" : ""
       },
       {
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "axis",
+        "type" : "String",
+        "desc" : "Categorizes cells",
+        "memberOf" : ""
+      },
+      {
+        "name" : "bgcolor",
+        "type" : "String",
+        "desc" : "Specifies the background color of a cell",
+        "memberOf" : ""
+      },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
       {
         "name" : "charoff",
         "type" : "Number",
-        "desc" : "Sets the number of characters the content inside the element will be aligned from the character specified by the char attribute",
+        "desc" : "Sets the number of characters the content will be aligned from the character specified by the char attribute",
         "memberOf" : ""
       },
       {
         "name" : "cls",
         "type" : "String",
-        "desc" : "element class",
+        "desc" : "cell class",
+        "memberOf" : ""
+      },
+      {
+        "name" : "colspan",
+        "type" : "Number",
+        "desc" : "Specifies the number of columns a cell should span",
         "memberOf" : ""
       },
       {
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "headers",
+        "type" : "String",
+        "desc" : "Specifies one or more header cells a cell is related to",
+        "memberOf" : ""
+      },
+      {
+        "name" : "height",
+        "type" : "Number",
+        "desc" : "Sets the height of a cell",
+        "memberOf" : ""
+      },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "html",
+        "type" : "String",
+        "desc" : "cell contain text",
+        "memberOf" : ""
       },
       {
         "name" : "listeners",
         "desc" : "Specifies name attribute",
         "memberOf" : "Roo.bootstrap.Component"
       },
+      {
+        "name" : "nowrap",
+        "type" : "String",
+        "desc" : "Specifies that the content inside a cell should not wrap",
+        "memberOf" : ""
+      },
+      {
+        "name" : "rowspan",
+        "type" : "Number",
+        "desc" : "Sets the number of rows a cell should span",
+        "memberOf" : ""
+      },
+      {
+        "name" : "scope",
+        "type" : "String",
+        "desc" : "Defines a way to associate header cells and data cells in a table",
+        "memberOf" : ""
+      },
       {
         "name" : "style",
         "type" : "String",
       {
         "name" : "tag",
         "type" : "String",
-        "desc" : "element tag (thead|tbody|tfoot) default tbody",
+        "desc" : "cell tag (td|th) default td",
         "memberOf" : ""
       },
       {
       {
         "name" : "valign",
         "type" : "String",
-        "desc" : "Vertical aligns the content inside the <tbody> element",
+        "desc" : "Vertical aligns the content in a cell",
         "memberOf" : ""
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
+      },
+      {
+        "name" : "width",
+        "type" : "Number",
+        "desc" : "Specifies the width of a cell",
+        "memberOf" : ""
       },
       {
         "name" : "xattr",
       }
     ]
   },
-  "Roo.bootstrap.TableCell" : {
+  "Roo.bootstrap.TableRow" : {
     "props" : [
-      {
-        "name" : "abbr",
-        "type" : "String",
-        "desc" : "Specifies an abbreviated version of the content in a cell",
-        "memberOf" : ""
-      },
       {
         "name" : "actionMode",
         "type" : "String",
       {
         "name" : "align",
         "type" : "String",
-        "desc" : "Aligns the content in a cell",
+        "desc" : "Aligns the content in a table row",
         "memberOf" : ""
       },
       {
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "axis",
-        "type" : "String",
-        "desc" : "Categorizes cells",
-        "memberOf" : ""
-      },
       {
         "name" : "bgcolor",
         "type" : "String",
-        "desc" : "Specifies the background color of a cell",
+        "desc" : "Specifies a background color for a table row",
         "memberOf" : ""
       },
       {
       {
         "name" : "cls",
         "type" : "String",
-        "desc" : "cell class",
-        "memberOf" : ""
-      },
-      {
-        "name" : "colspan",
-        "type" : "Number",
-        "desc" : "Specifies the number of columns a cell should span",
+        "desc" : "row class",
         "memberOf" : ""
       },
       {
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
         "memberOf" : "Roo.Component"
       },
-      {
-        "name" : "headers",
-        "type" : "String",
-        "desc" : "Specifies one or more header cells a cell is related to",
-        "memberOf" : ""
-      },
-      {
-        "name" : "height",
-        "type" : "Number",
-        "desc" : "Sets the height of a cell",
-        "memberOf" : ""
-      },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "html",
-        "type" : "String",
-        "desc" : "cell contain text",
-        "memberOf" : ""
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
         "desc" : "Specifies name attribute",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "nowrap",
-        "type" : "String",
-        "desc" : "Specifies that the content inside a cell should not wrap",
-        "memberOf" : ""
-      },
-      {
-        "name" : "rowspan",
-        "type" : "Number",
-        "desc" : "Sets the number of rows a cell should span",
-        "memberOf" : ""
-      },
-      {
-        "name" : "scope",
-        "type" : "String",
-        "desc" : "Defines a way to associate header cells and data cells in a table",
-        "memberOf" : ""
-      },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
         "memberOf" : "Roo.bootstrap.Component"
       },
-      {
-        "name" : "tag",
-        "type" : "String",
-        "desc" : "cell tag (td|th) default td",
-        "memberOf" : ""
-      },
       {
         "name" : "tooltip",
         "type" : "string",
       {
         "name" : "valign",
         "type" : "String",
-        "desc" : "Vertical aligns the content in a cell",
+        "desc" : "Vertical aligns the content in a table row",
         "memberOf" : ""
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "width",
-        "type" : "Number",
-        "desc" : "Specifies the width of a cell",
-        "memberOf" : ""
-      },
-      {
-        "name" : "xattr",
-        "type" : "Object",
-        "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
-      }
-    ],
-    "events" : [
-      {
-        "name" : "beforedestroy",
-        "type" : "function",
-        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "beforehide",
-        "type" : "function",
-        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "beforerender",
-        "type" : "function",
-        "desc" : "Fires before the component is rendered. Return false to stop the render.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "beforeshow",
-        "type" : "function",
-        "desc" : "Fires before the component is shown.  Return false to stop the show.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "childrenrendered",
-        "type" : "function",
-        "desc" : "Fires when the children have been rendered..",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "destroy",
-        "type" : "function",
-        "desc" : "Fires after the component is destroyed.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "disable",
-        "type" : "function",
-        "desc" : "Fires after the component is disabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "enable",
-        "type" : "function",
-        "desc" : "Fires after the component is enabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "hide",
-        "type" : "function",
-        "desc" : "Fires after the component is hidden.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "render",
-        "type" : "function",
-        "desc" : "Fires after the component is rendered.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "show",
-        "type" : "function",
-        "desc" : "Fires after the component is shown.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
-      }
-    ],
-    "methods" : [
-      {
-        "name" : "addEvents",
-        "type" : "function",
-        "desc" : "Used to define events on this Observable",
-        "sig" : "(object)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "addListener",
-        "type" : "function",
-        "desc" : "Appends an event handler to this component",
-        "sig" : "(eventName, handler, scope, options)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "capture",
-        "type" : "function",
-        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
-        "sig" : "(o, fn, scope)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "destroy",
-        "type" : "function",
-        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "disable",
-        "type" : "function",
-        "desc" : "Disable this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "enable",
-        "type" : "function",
-        "desc" : "Enable this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "fireEvent",
-        "type" : "function",
-        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
-        "sig" : "(eventName, args)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "focus",
-        "type" : "function",
-        "desc" : "Try to focus this component.",
-        "sig" : "(selectText)",
-        "static" : false,
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "getChildContainer",
-        "type" : "function",
-        "desc" : "Fetch the element to add children to",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "getEl",
-        "type" : "function",
-        "desc" : "Returns the underlying {@link Roo.Element}.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "getId",
-        "type" : "function",
-        "desc" : "Returns the id of this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "getVisibilityEl",
-        "type" : "function",
-        "desc" : "Get the element that will be used to show or hide",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "hasListener",
-        "type" : "function",
-        "desc" : "Checks to see if this object has any listeners for a specified event",
-        "sig" : "(eventName)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "hide",
-        "type" : "function",
-        "desc" : "Hide a component - adds 'hidden' class",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "initEvents",
-        "type" : "function",
-        "desc" : "Initialize Events for the element",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "isVisible",
-        "type" : "function",
-        "desc" : "Returns true if this component is visible.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "on",
-        "type" : "function",
-        "desc" : "Appends an event handler to this element (shorthand for addListener)",
-        "sig" : "(eventName, handler, scope, options)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "purgeListeners",
-        "type" : "function",
-        "desc" : "Removes all listeners for this object",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "releaseCapture",
-        "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "removeListener",
-        "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "render",
-        "type" : "function",
-        "desc" : "If this is a lazy rendering component, render it to its container element.",
-        "sig" : "(container)",
-        "static" : false,
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "setDisabled",
-        "type" : "function",
-        "desc" : "Convenience function for setting disabled/enabled by boolean.",
-        "sig" : "(disabled)",
-        "static" : false,
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "setVisibilityEl",
-        "type" : "function",
-        "desc" : "Set the element that will be used to show or hide",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "setVisible",
-        "type" : "function",
-        "desc" : "Convenience function to hide or show this component by boolean.",
-        "sig" : "(visible)",
-        "static" : false,
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "show",
-        "type" : "function",
-        "desc" : "Show a component - removes 'hidden' class",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "tooltipEl",
-        "type" : "function",
-        "desc" : "Fetch the element to display the tooltip on.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "un",
-        "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable"
-      }
-    ]
-  },
-  "Roo.bootstrap.TableRow" : {
-    "props" : [
-      {
-        "name" : "actionMode",
-        "type" : "String",
-        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "align",
-        "type" : "String",
-        "desc" : "Aligns the content in a table row",
-        "memberOf" : ""
-      },
-      {
-        "name" : "allowDomMove",
-        "type" : "Boolean",
-        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "bgcolor",
-        "type" : "String",
-        "desc" : "Specifies a background color for a table row",
-        "memberOf" : ""
-      },
-      {
-        "name" : "can_build_overlaid",
-        "type" : "Boolean",
-        "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "charoff",
-        "type" : "Number",
-        "desc" : "Sets the number of characters the content will be aligned from the character specified by the char attribute",
-        "memberOf" : ""
-      },
-      {
-        "name" : "cls",
-        "type" : "String",
-        "desc" : "row class",
-        "memberOf" : ""
-      },
-      {
-        "name" : "container_method",
-        "type" : "string",
-        "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "dataId",
-        "type" : "string",
-        "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "disableClass",
-        "type" : "String",
-        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "hideMode",
-        "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "name",
-        "type" : "string",
-        "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "style",
-        "type" : "String",
-        "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "tooltip",
-        "type" : "string",
-        "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "valign",
-        "type" : "String",
-        "desc" : "Vertical aligns the content in a table row",
-        "memberOf" : ""
-      },
-      {
-        "name" : "visibilityEl",
-        "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "accept",
         "type" : "String",
-        "desc" : [
-          "(image",
+        "desc" : "o) use for file input only. (default empty)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "image",
           "video",
-          "audio)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+          "audio"
+        ]
       },
       {
         "name" : "actionMode",
       {
         "name" : "align",
         "type" : "String",
-        "desc" : [
-          "(left",
+        "desc" : "t) Default left",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "left",
           "center",
-          "right)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+          "right"
+        ]
       },
       {
         "name" : "allowBlank",
       {
         "name" : "capture",
         "type" : "String",
-        "desc" : [
-          "(user",
-          "camera)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "a) use for file input only. (default empty)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "user",
+          "camera"
+        ]
       },
       {
         "name" : "cls",
       {
         "name" : "forceFeedback",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "e) Default false",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "hasFeedback",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "e) default true",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "html",
       {
         "name" : "indicatorpos",
         "type" : "String",
-        "desc" : [
-          "(left",
-          "right)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "t) default left",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "left",
+          "right"
+        ]
       },
       {
         "name" : "invalidClass",
       {
         "name" : "labelAlign",
         "type" : "String",
-        "desc" : [
-          "(top",
-          "left)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "t)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "top",
+          "left"
+        ]
       },
       {
         "name" : "labelWidth",
       {
         "name" : "resize",
         "type" : "string",
-        "desc" : [
-          "(none",
+        "desc" : "l)",
+        "memberOf" : "",
+        "optvals" : [
+          "none",
           "both",
           "horizontal",
           "vertical",
           "inherit",
-          "initial)"
-        ],
-        "memberOf" : ""
+          "initial"
+        ]
       },
       {
         "name" : "rows",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "vtype",
       {
         "name" : "wrap",
         "type" : "string",
-        "desc" : [
-          "(soft",
-          "hard)"
-        ],
-        "memberOf" : ""
+        "desc" : "d)Specifies how the text in a text area is to be wrapped when submitted in a form",
+        "memberOf" : "",
+        "optvals" : [
+          "soft",
+          "hard"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "accept",
         "type" : "String",
-        "desc" : [
-          "(image",
+        "desc" : "o) use for file input only. (default empty)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "image",
           "video",
-          "audio)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+          "audio"
+        ]
       },
       {
         "name" : "actionMode",
       {
         "name" : "align",
         "type" : "String",
-        "desc" : [
-          "(left",
+        "desc" : "t) Default left",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "left",
           "center",
-          "right)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+          "right"
+        ]
       },
       {
         "name" : "allowBlank",
       {
         "name" : "capture",
         "type" : "String",
-        "desc" : [
-          "(user",
-          "camera)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "a) use for file input only. (default empty)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "user",
+          "camera"
+        ]
       },
       {
         "name" : "cls",
       {
         "name" : "forceFeedback",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "e) Default false",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "format",
       {
         "name" : "hasFeedback",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "e) default true",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "indicatorpos",
         "type" : "String",
-        "desc" : [
-          "(left",
-          "right)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "t) default left",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "left",
+          "right"
+        ]
       },
       {
         "name" : "invalidClass",
       {
         "name" : "labelAlign",
         "type" : "String",
-        "desc" : [
-          "(top",
-          "left)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "t)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "top",
+          "left"
+        ]
       },
       {
         "name" : "labelWidth",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "vtype",
       {
         "name" : "accept",
         "type" : "String",
-        "desc" : [
-          "(image",
+        "desc" : "o) use for file input only. (default empty)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "image",
           "video",
-          "audio)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+          "audio"
+        ]
       },
       {
         "name" : "actionMode",
       {
         "name" : "align",
         "type" : "String",
-        "desc" : [
-          "(left",
+        "desc" : "t) Default left",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "left",
           "center",
-          "right)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+          "right"
+        ]
       },
       {
         "name" : "allowBlank",
       {
         "name" : "capture",
         "type" : "String",
-        "desc" : [
-          "(user",
-          "camera)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "a) use for file input only. (default empty)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "user",
+          "camera"
+        ]
       },
       {
         "name" : "caret",
         "type" : "String",
-        "desc" : [
-          "(search",
-          "calendar)"
-        ],
-        "memberOf" : ""
+        "desc" : "r) BS3 only - carat fa name",
+        "memberOf" : "",
+        "optvals" : [
+          "search",
+          "calendar"
+        ]
       },
       {
         "name" : "cls",
       {
         "name" : "forceFeedback",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "e) Default false",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "hasFeedback",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "e) default true",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "hideTrigger",
       {
         "name" : "indicatorpos",
         "type" : "String",
-        "desc" : [
-          "(left",
-          "right)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "t) default left",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "left",
+          "right"
+        ]
       },
       {
         "name" : "invalidClass",
       {
         "name" : "labelAlign",
         "type" : "String",
-        "desc" : [
-          "(top",
-          "left)"
-        ],
-        "memberOf" : "Roo.bootstrap.Input"
+        "desc" : "t)",
+        "memberOf" : "Roo.bootstrap.Input",
+        "optvals" : [
+          "top",
+          "left"
+        ]
       },
       {
         "name" : "labelWidth",
       {
         "name" : "removable",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) special filter default false",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "selectOnFocus",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "vtype",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "isDocument",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) default false",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "listeners",
       {
         "name" : "loadMask",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) default true",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "loadingText",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "href",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "icon",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "icon",
       {
         "name" : "showtabs",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) show the tabs default true",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "style",
       {
         "name" : "tabScrollable",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) tab scrollable when mobile view default false",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "title",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "active",
         "type" : "Boolean",
-        "desc" : [
-          "(false",
-          "true)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) Default false",
+        "memberOf" : "",
+        "optvals" : [
+          "false",
+          "true"
+        ]
       },
       {
         "name" : "allowDomMove",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "overflow",
         "type" : "String",
-        "desc" : [
-          "(hidden",
-          "visible)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) if you have menus in the region, then you need to set this to visible.",
+        "memberOf" : "",
+        "optvals" : [
+          "hidden",
+          "visible"
+        ]
       },
       {
         "name" : "preferredTabWidth",
       {
         "name" : "tabPosition",
         "type" : "String",
-        "desc" : [
-          "(top",
-          "bottom)"
-        ],
-        "memberOf" : ""
+        "desc" : "m) \"top\" or \"bottom\" (defaults to \"bottom\")",
+        "memberOf" : "",
+        "optvals" : [
+          "top",
+          "bottom"
+        ]
       },
       {
         "name" : "title",
       {
         "name" : "tabPosition",
         "type" : "String",
-        "desc" : [
-          "(top",
-          "bottom)"
-        ],
-        "memberOf" : "Roo.LayoutRegion"
+        "desc" : "m) \"top\" or \"bottom\" (defaults to \"bottom\")",
+        "memberOf" : "Roo.LayoutRegion",
+        "optvals" : [
+          "top",
+          "bottom"
+        ]
       },
       {
         "name" : "title",
       {
         "name" : "disable",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) default false",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "disableClass",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "href",
       {
         "name" : "preventDefault",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) default true",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "style",
       {
         "name" : "submenu",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) default false",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "tooltip",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "html",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "weight",
         "type" : "String",
-        "desc" : [
-          "(default",
+        "desc" : "e)",
+        "memberOf" : "",
+        "optvals" : [
+          "default",
           "primary",
           "success",
           "info",
           "warning",
           "danger",
-          "inverse)"
-        ],
-        "memberOf" : ""
+          "inverse"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : [
-          "(el",
-          "parent)"
-        ],
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
+        "memberOf" : "Roo.bootstrap.Component",
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
       {
         "name" : "region",
         "type" : "String",
-        "desc" : [
-          "(center",
+        "desc" : "t) which region to put this panel on (when used with xtype constructors)",
+        "memberOf" : "",
+        "optvals" : [
+          "center",
           "north",
           "south",
           "east",
-          "west)"
-        ],
-        "memberOf" : ""
+          "west"
+        ]
       },
       {
         "name" : "resizeEl",
         "desc" : "Fires when this panel is resized if fitToFrame is true.",
         "sig" : "function (_self, width, height)\n{\n\n}",
         "memberOf" : ""
+      },
+      {
+        "name" : "scroll",
+        "type" : "function",
+        "desc" : "Fires when this content is scrolled",
+        "sig" : "function (_self, scrollEvent)\n{\n\n}",
+        "memberOf" : ""
       }
     ],
     "methods" : [
       {
         "name" : "region",
         "type" : "String",
-        "desc" : [
-          "(center",
+        "desc" : "t) which region to put this panel on (when used with xtype constructors)",
+        "memberOf" : "Roo.bootstrap.panel.Content",
+        "optvals" : [
+          "center",
           "north",
           "south",
           "east",
-          "west)"
-        ],
-        "memberOf" : "Roo.bootstrap.panel.Content"
+          "west"
+        ]
       },
       {
         "name" : "resizeEl",
         "desc" : "Fires when this panel is resized if fitToFrame is true.",
         "sig" : "function (_self, width, height)\n{\n\n}",
         "memberOf" : "Roo.bootstrap.panel.Content"
+      },
+      {
+        "name" : "scroll",
+        "type" : "function",
+        "desc" : "Fires when this content is scrolled",
+        "sig" : "function (_self, scrollEvent)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.panel.Content"
       }
     ],
     "methods" : [
       {
         "name" : "region",
         "type" : "String",
-        "desc" : [
-          "(center",
+        "desc" : "t) which region to put this panel on (when used with xtype constructors)",
+        "memberOf" : "Roo.bootstrap.panel.Content",
+        "optvals" : [
+          "center",
           "north",
           "south",
           "east",
-          "west)"
-        ],
-        "memberOf" : "Roo.bootstrap.panel.Content"
+          "west"
+        ]
       },
       {
         "name" : "resizeEl",
         "desc" : "Fires when this panel is resized if fitToFrame is true.",
         "sig" : "function (_self, width, height)\n{\n\n}",
         "memberOf" : "Roo.bootstrap.panel.Content"
+      },
+      {
+        "name" : "scroll",
+        "type" : "function",
+        "desc" : "Fires when this content is scrolled",
+        "sig" : "function (_self, scrollEvent)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.panel.Content"
       }
     ],
     "methods" : [
       {
         "name" : "errorMask",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) default false",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "errorReader",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "inputType",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "labelAlign",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "hideTrigger",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "inputType",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "hideTrigger",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "hideTrigger",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "hideTrigger",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "inputType",
       {
         "name" : "closable",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : ""
+        "desc" : "e) default false",
+        "memberOf" : "",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "cls",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "inputType",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "inputType",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "inputType",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "labelAlign",
       {
         "name" : "errorMask",
         "type" : "Boolean",
-        "desc" : [
-          "(true",
-          "false)"
-        ],
-        "memberOf" : "Roo.form.BasicForm"
+        "desc" : "e) default false",
+        "memberOf" : "Roo.form.BasicForm",
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "errorReader",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "inputType",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "inputType",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "allowComments",
+        "type" : "boolean",
+        "desc" : "- default false - allow comments in HTML source - by default they are stripped - if you are editing email you may need this.",
+        "memberOf" : ""
+      },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "labelAlign",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "hideTrigger",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "inputType",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "inputType",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "labelAlign",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "hideTrigger",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "inputType",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "inputType",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "inputType",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "html",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "hideTrigger",
       {
         "name" : "lg",
         "type" : "Number",
-        "desc" : "(Optional)",
+        "desc" : "(Optional) can be '0' for hidden at this size (number less than 12)",
+        "memberOf" : ""
+      },
+      {
+        "name" : "lgHeader",
+        "type" : "String",
+        "desc" : "Header at Bootsrap Large width",
         "memberOf" : ""
       },
       {
       {
         "name" : "md",
         "type" : "Number",
-        "desc" : "(Optional)",
+        "desc" : "(Optional) can be '0' for hidden at this size (number less than 12)",
+        "memberOf" : ""
+      },
+      {
+        "name" : "mdHeader",
+        "type" : "String",
+        "desc" : "Header at Bootsrap Medium width",
         "memberOf" : ""
       },
       {
       {
         "name" : "sm",
         "type" : "Number",
-        "desc" : "(Optional)",
+        "desc" : "(Optional) can be '0' for hidden at this size (number less than 12)",
+        "memberOf" : ""
+      },
+      {
+        "name" : "smHeader",
+        "type" : "String",
+        "desc" : "Header at Bootsrap Small width",
         "memberOf" : ""
       },
       {
         "desc" : "(Optional) The initial width in pixels of the column. Using this\ninstead of {@link Roo.grid.Grid#autoSizeColumns} is more efficient.",
         "memberOf" : ""
       },
+      {
+        "name" : "xl",
+        "type" : "Number",
+        "desc" : "(Optional) can be '0' for hidden at this size (number less than 12)",
+        "memberOf" : ""
+      },
+      {
+        "name" : "xlHeader",
+        "type" : "String",
+        "desc" : "Header at Bootsrap extra Large width",
+        "memberOf" : ""
+      },
       {
         "name" : "xs",
         "type" : "Number",
-        "desc" : "(Optional)",
+        "desc" : "(Optional) can be '0' for hidden at this size (number less than 12)",
+        "memberOf" : ""
+      },
+      {
+        "name" : "xsHeader",
+        "type" : "String",
+        "desc" : "Header at Bootsrap Extra Small width (default for all)",
         "memberOf" : ""
       }
     ],
       }
     ],
     "methods" : [
+      {
+        "name" : "addColumn",
+        "type" : "function",
+        "desc" : "Add a column (experimental...) - defaults to adding to the end..",
+        "sig" : "(config)",
+        "static" : false,
+        "memberOf" : ""
+      },
       {
         "name" : "addEvents",
         "type" : "function",
       {
         "name" : "getColumnByDataIndex",
         "type" : "function",
-        "desc" : "Returns the column for a specified dataIndex.",
+        "desc" : "Returns the column Object for a specified dataIndex.",
         "sig" : "(dataIndex)",
         "static" : false,
         "memberOf" : ""
         "name" : "getColumnWidth",
         "type" : "function",
         "desc" : "Returns the width for the specified column.",
-        "sig" : "(col)",
+        "sig" : "(col, (optional))",
         "static" : false,
         "memberOf" : ""
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "ignoreNoChange",
       }
     ]
   },
+  "Roo.grid.SplitDragZone" : {
+    "props" : [
+      {
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable"
+      }
+    ],
+    "events" : [],
+    "methods" : [
+      {
+        "name" : "addEvents",
+        "type" : "function",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "addInvalidHandleClass",
+        "type" : "function",
+        "desc" : "Lets you specify a css class of elements that will not initiate a drag",
+        "sig" : "(cssClass)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop"
+      },
+      {
+        "name" : "addInvalidHandleId",
+        "type" : "function",
+        "desc" : "Lets you to specify an element id for a child of a drag handle\nthat should not initiate a drag",
+        "sig" : "(id)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop"
+      },
+      {
+        "name" : "addInvalidHandleType",
+        "type" : "function",
+        "desc" : "Allows you to specify a tag name that should not start a drag operation\nwhen clicked.  This is designed to facilitate embedding links within a\ndrag handle that do something other than start the drag.",
+        "sig" : "(tagName)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop"
+      },
+      {
+        "name" : "addListener",
+        "type" : "function",
+        "desc" : "Appends an event handler to this component",
+        "sig" : "(eventName, handler, scope, options)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "addToGroup",
+        "type" : "function",
+        "desc" : "Add this instance to a group of related drag/drop objects.  All\ninstances belong to at least one group, and can belong to as many\ngroups as needed.",
+        "sig" : "(sGroup)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop"
+      },
+      {
+        "name" : "alignElWithMouse",
+        "type" : "function",
+        "desc" : "Sets the element to the location of the mousedown or click event,\nmaintaining the cursor location relative to the location on the element\nthat was clicked.  Override this if you want to place the element in a\nlocation other than where the cursor is.",
+        "sig" : "(el, iPageX, iPageY)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DD"
+      },
+      {
+        "name" : "applyConfig",
+        "type" : "function",
+        "desc" : "Applies the configuration parameters that were passed into the constructor.\nThis is supposed to happen at each level through the inheritance chain.  So\na DDProxy implentation will execute apply config on DDProxy, DD, and\nDragDrop in order to get all of the parameters that are available in\neach object.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop"
+      },
+      {
+        "name" : "autoOffset",
+        "type" : "function",
+        "desc" : "Sets the pointer offset to the distance between the linked element's top\nleft corner and the location the element was clicked",
+        "sig" : "(iPageX, iPageY)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DD"
+      },
+      {
+        "name" : "cachePosition",
+        "type" : "function",
+        "desc" : "Saves the most recent position so that we can reset the constraints and\ntick marks on-demand.  We need to know this so that we can calculate the\nnumber of pixels the element is offset from its original position.",
+        "sig" : "(iPageX, iPageY)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DD"
+      },
+      {
+        "name" : "capture",
+        "type" : "function",
+        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
+        "sig" : "(o, fn, scope)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "clearConstraints",
+        "type" : "function",
+        "desc" : "Clears any constraints applied to this instance.  Also clears ticks\nsince they can't exist independent of a constraint at this time.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop"
+      },
+      {
+        "name" : "clearTicks",
+        "type" : "function",
+        "desc" : "Clears any tick interval defined for this instance",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop"
+      },
+      {
+        "name" : "createFrame",
+        "type" : "function",
+        "desc" : "Creates the proxy element if it does not yet exist",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.dd.DDProxy"
+      },
+      {
+        "name" : "endDrag",
+        "type" : "function",
+        "desc" : "Fired when we are done dragging the object",
+        "sig" : "(e)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop"
+      },
+      {
+        "name" : "fireEvent",
+        "type" : "function",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "getDragEl",
+        "type" : "function",
+        "desc" : "Returns a reference to the actual element to drag.  By default this is\nthe same as the html element, but it can be assigned to another\nelement. An example of this can be found in Roo.dd.DDProxy",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop"
+      },
+      {
+        "name" : "getEl",
+        "type" : "function",
+        "desc" : "Returns a reference to the linked element",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop"
+      },
+      {
+        "name" : "hasListener",
+        "type" : "function",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "init",
+        "type" : "function",
+        "desc" : "Sets up the DragDrop object.  Must be called in the constructor of any\nRoo.dd.DragDrop subclass",
+        "sig" : "(id, sGroup, config)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop"
+      },
+      {
+        "name" : "initFrame",
+        "type" : "function",
+        "desc" : "Initialization for the drag frame element.  Must be called in the\nconstructor of all subclasses",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.dd.DDProxy"
+      },
+      {
+        "name" : "initTarget",
+        "type" : "function",
+        "desc" : "Initializes Targeting functionality only... the object does not\nget a mousedown handler.",
+        "sig" : "(id, sGroup, config)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop"
+      },
+      {
+        "name" : "isLocked",
+        "type" : "function",
+        "desc" : "Returns true if this instance is locked, or the drag drop mgr is locked\n(meaning that all drag/drop is disabled on the page.)",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop"
+      },
+      {
+        "name" : "isTarget",
+        "type" : "function",
+        "desc" : "By default, all insances can be a drop target.  This can be disabled by\nsetting isTarget to false.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop"
+      },
+      {
+        "name" : "isValidHandleChild",
+        "type" : "function",
+        "desc" : "Checks the tag exclusion list to see if this click should be ignored",
+        "sig" : "(node)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop"
+      },
+      {
+        "name" : "lock",
+        "type" : "function",
+        "desc" : "Lock this instance",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop"
+      },
+      {
+        "name" : "on",
+        "type" : "function",
+        "desc" : "Appends an event handler to this element (shorthand for addListener)",
+        "sig" : "(eventName, handler, scope, options)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "onAvailable",
+        "type" : "function",
+        "desc" : "Override the onAvailable method to do what is needed after the initial\nposition was determined.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop"
+      },
+      {
+        "name" : "onDrag",
+        "type" : "function",
+        "desc" : "Abstract method called during the onMouseMove event while dragging an\nobject.",
+        "sig" : "(e)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop"
+      },
+      {
+        "name" : "onDragDrop",
+        "type" : "function",
+        "desc" : "Abstract method called when this item is dropped on another DragDrop\nobj",
+        "sig" : "(e, id)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop"
+      },
+      {
+        "name" : "onDragEnter",
+        "type" : "function",
+        "desc" : "Abstract method called when this element fist begins hovering over\nanother DragDrop obj",
+        "sig" : "(e, id)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop"
+      },
+      {
+        "name" : "onDragOut",
+        "type" : "function",
+        "desc" : "Abstract method called when we are no longer hovering over an element",
+        "sig" : "(e, id)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop"
+      },
+      {
+        "name" : "onDragOver",
+        "type" : "function",
+        "desc" : "Abstract method called when this element is hovering over another\nDragDrop obj",
+        "sig" : "(e, id)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop"
+      },
+      {
+        "name" : "onInvalidDrop",
+        "type" : "function",
+        "desc" : "Abstract method called when this item is dropped on an area with no\ndrop target",
+        "sig" : "(e)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop"
+      },
+      {
+        "name" : "onMouseDown",
+        "type" : "function",
+        "desc" : "Event handler that fires when a drag/drop obj gets a mousedown",
+        "sig" : "(e)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop"
+      },
+      {
+        "name" : "onMouseUp",
+        "type" : "function",
+        "desc" : "Event handler that fires when a drag/drop obj gets a mouseup",
+        "sig" : "(e)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop"
+      },
+      {
+        "name" : "padding",
+        "type" : "function",
+        "desc" : "The padding configured for this drag and drop object for calculating\nthe drop zone intersection with this object.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop"
+      },
+      {
+        "name" : "purgeListeners",
+        "type" : "function",
+        "desc" : "Removes all listeners for this object",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "releaseCapture",
+        "type" : "function",
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "removeFromGroup",
+        "type" : "function",
+        "desc" : "Remove's this instance from the supplied interaction group",
+        "sig" : "(sGroup)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop"
+      },
+      {
+        "name" : "removeInvalidHandleClass",
+        "type" : "function",
+        "desc" : "Unsets an invalid css class",
+        "sig" : "(cssClass)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop"
+      },
+      {
+        "name" : "removeInvalidHandleId",
+        "type" : "function",
+        "desc" : "Unsets an invalid handle id",
+        "sig" : "(id)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop"
+      },
+      {
+        "name" : "removeInvalidHandleType",
+        "type" : "function",
+        "desc" : "Unsets an excluded tag name set by addInvalidHandleType",
+        "sig" : "(tagName)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop"
+      },
+      {
+        "name" : "removeListener",
+        "type" : "function",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "resetConstraints",
+        "type" : "function",
+        "desc" : "resetConstraints must be called if you manually reposition a dd element.",
+        "sig" : "(maintainOffset)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop"
+      },
+      {
+        "name" : "setDelta",
+        "type" : "function",
+        "desc" : "Sets the pointer offset.  You can call this directly to force the\noffset to be in a particular location (e.g., pass in 0,0 to set it\nto the center of the object)",
+        "sig" : "(iDeltaX, iDeltaY)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DD"
+      },
+      {
+        "name" : "setDragElId",
+        "type" : "function",
+        "desc" : "Allows you to specify that an element other than the linked element\nwill be moved with the cursor during a drag",
+        "sig" : "(id)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop"
+      },
+      {
+        "name" : "setDragElPos",
+        "type" : "function",
+        "desc" : "Sets the drag element to the location of the mousedown or click event,\nmaintaining the cursor location relative to the location on the element\nthat was clicked.  Override this if you want to place the element in a\nlocation other than where the cursor is.",
+        "sig" : "(iPageX, iPageY)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DD"
+      },
+      {
+        "name" : "setHandleElId",
+        "type" : "function",
+        "desc" : "Allows you to specify a child of the linked element that should be\nused to initiate the drag operation.  An example of this would be if\nyou have a content div with text and links.  Clicking anywhere in the\ncontent area would normally start the drag operation.  Use this method\nto specify that an element inside of the content div is the element\nthat starts the drag operation.",
+        "sig" : "(id)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop"
+      },
+      {
+        "name" : "setInitPosition",
+        "type" : "function",
+        "desc" : "Stores the initial placement of the linked element.",
+        "sig" : "(diffX, diffY)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop"
+      },
+      {
+        "name" : "setOuterHandleElId",
+        "type" : "function",
+        "desc" : "Allows you to set an element outside of the linked element as a drag\nhandle",
+        "sig" : "(id)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop"
+      },
+      {
+        "name" : "setPadding",
+        "type" : "function",
+        "desc" : "Configures the padding for the target zone in px.  Effectively expands\n(or reduces) the virtual object size for targeting calculations.\nSupports css-style shorthand; if only one parameter is passed, all sides\nwill have that padding, and if only two are passed, the top and bottom\nwill have the first param, the left and right the second.",
+        "sig" : "(iTop, iRight, iBot, iLeft)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop"
+      },
+      {
+        "name" : "setXConstraint",
+        "type" : "function",
+        "desc" : "By default, the element can be dragged any place on the screen.  Use\nthis method to limit the horizontal travel of the element.  Pass in\n0,0 for the parameters if you want to lock the drag to the y axis.",
+        "sig" : "(iLeft, iRight, iTickSize)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop"
+      },
+      {
+        "name" : "setYConstraint",
+        "type" : "function",
+        "desc" : "By default, the element can be dragged any place on the screen.  Set\nthis to limit the vertical travel of the element.  Pass in 0,0 for the\nparameters if you want to lock the drag to the x axis.",
+        "sig" : "(iUp, iDown, iTickSize)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop"
+      },
+      {
+        "name" : "startDrag",
+        "type" : "function",
+        "desc" : "Abstract method called after a drag/drop object is clicked\nand the drag or mousedown time thresholds have beeen met.",
+        "sig" : "(X, Y)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop"
+      },
+      {
+        "name" : "toString",
+        "type" : "function",
+        "desc" : "toString method",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop"
+      },
+      {
+        "name" : "un",
+        "type" : "function",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "unlock",
+        "type" : "function",
+        "desc" : "Unlock this instace",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop"
+      },
+      {
+        "name" : "unreg",
+        "type" : "function",
+        "desc" : "Remove all drag and drop hooks for this element",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop"
+      }
+    ]
+  },
   "Roo.lib" : {
     "props" : [],
     "events" : [],
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "hideOnClick",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "hideOnClick",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "hideOnClick",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "hideOnClick",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "hideOnClick",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "hideOnClick",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "hideOnClick",
-        "type" : "Boolean",
-        "desc" : "True to hide the containing menu after this item is clicked (defaults to false)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "itemCls",
-        "type" : "String",
-        "desc" : "The default CSS class to use for separators (defaults to \"x-menu-sep\")",
-        "memberOf" : ""
-      },
-      {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      }
-    ],
-    "events" : [
-      {
-        "name" : "activate",
-        "type" : "function",
-        "desc" : "Fires when this item is activated",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.menu.BaseItem"
-      },
-      {
-        "name" : "beforedestroy",
-        "type" : "function",
-        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "beforehide",
-        "type" : "function",
-        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "beforerender",
-        "type" : "function",
-        "desc" : "Fires before the component is rendered. Return false to stop the render.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "beforeshow",
-        "type" : "function",
-        "desc" : "Fires before the component is shown.  Return false to stop the show.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "click",
-        "type" : "function",
-        "desc" : "Fires when this item is clicked",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.menu.BaseItem"
-      },
-      {
-        "name" : "deactivate",
-        "type" : "function",
-        "desc" : "Fires when this item is deactivated",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.menu.BaseItem"
-      },
-      {
-        "name" : "destroy",
-        "type" : "function",
-        "desc" : "Fires after the component is destroyed.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "disable",
-        "type" : "function",
-        "desc" : "Fires after the component is disabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "enable",
-        "type" : "function",
-        "desc" : "Fires after the component is enabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "hide",
-        "type" : "function",
-        "desc" : "Fires after the component is hidden.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "render",
-        "type" : "function",
-        "desc" : "Fires after the component is rendered.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "show",
-        "type" : "function",
-        "desc" : "Fires after the component is shown.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component"
-      }
-    ],
-    "methods" : [
-      {
-        "name" : "addEvents",
-        "type" : "function",
-        "desc" : "Used to define events on this Observable",
-        "sig" : "(object)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "addListener",
-        "type" : "function",
-        "desc" : "Appends an event handler to this component",
-        "sig" : "(eventName, handler, scope, options)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "capture",
-        "type" : "function",
-        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
-        "sig" : "(o, fn, scope)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "destroy",
-        "type" : "function",
-        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "disable",
-        "type" : "function",
-        "desc" : "Disable this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "enable",
-        "type" : "function",
-        "desc" : "Enable this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "fireEvent",
-        "type" : "function",
-        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
-        "sig" : "(eventName, args)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "focus",
-        "type" : "function",
-        "desc" : "Try to focus this component.",
-        "sig" : "(selectText)",
-        "static" : false,
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "getEl",
-        "type" : "function",
-        "desc" : "Returns the underlying {@link Roo.Element}.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "getId",
-        "type" : "function",
-        "desc" : "Returns the id of this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "hasListener",
-        "type" : "function",
-        "desc" : "Checks to see if this object has any listeners for a specified event",
-        "sig" : "(eventName)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "hide",
-        "type" : "function",
-        "desc" : "Hide this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "isVisible",
-        "type" : "function",
-        "desc" : "Returns true if this component is visible.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "on",
-        "type" : "function",
-        "desc" : "Appends an event handler to this element (shorthand for addListener)",
-        "sig" : "(eventName, handler, scope, options)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "purgeListeners",
-        "type" : "function",
-        "desc" : "Removes all listeners for this object",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "releaseCapture",
-        "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "removeListener",
-        "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "render",
-        "type" : "function",
-        "desc" : "If this is a lazy rendering component, render it to its container element.",
-        "sig" : "(container)",
-        "static" : false,
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "setDisabled",
-        "type" : "function",
-        "desc" : "Convenience function for setting disabled/enabled by boolean.",
-        "sig" : "(disabled)",
-        "static" : false,
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "setVisible",
-        "type" : "function",
-        "desc" : "Convenience function to hide or show this component by boolean.",
-        "sig" : "(visible)",
-        "static" : false,
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "show",
-        "type" : "function",
-        "desc" : "Show this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "un",
-        "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable"
-      }
-    ]
-  },
-  "Roo.menu.TextItem" : {
-    "props" : [
-      {
-        "name" : "actionMode",
-        "type" : "String",
-        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "activeClass",
-        "type" : "String",
-        "desc" : "The CSS class to use when the item becomes activated (defaults to \"x-menu-item-active\")",
-        "memberOf" : "Roo.menu.BaseItem"
-      },
-      {
-        "name" : "allowDomMove",
-        "type" : "Boolean",
-        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "canActivate",
-        "type" : "Boolean",
-        "desc" : "True if this item can be visually activated (defaults to false)",
-        "memberOf" : "Roo.menu.BaseItem"
-      },
-      {
-        "name" : "disableClass",
-        "type" : "String",
-        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "handler",
-        "type" : "Function",
-        "desc" : "A function that will handle the click event of this menu item (defaults to undefined)",
-        "memberOf" : "Roo.menu.BaseItem"
-      },
-      {
-        "name" : "hidden",
-        "type" : "Boolean",
-        "desc" : "True to prevent creation of this menu item (defaults to false)",
-        "memberOf" : "Roo.menu.BaseItem"
-      },
-      {
-        "name" : "hideDelay",
-        "type" : "Number",
-        "desc" : "Length of time in milliseconds to wait before hiding after a click (defaults to 100)",
-        "memberOf" : "Roo.menu.BaseItem"
-      },
-      {
-        "name" : "hideMode",
-        "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "hideOnClick",
+        "type" : "Boolean",
+        "desc" : "True to hide the containing menu after this item is clicked (defaults to false)",
+        "memberOf" : ""
+      },
+      {
+        "name" : "itemCls",
+        "type" : "String",
+        "desc" : "The default CSS class to use for separators (defaults to \"x-menu-sep\")",
+        "memberOf" : ""
+      },
+      {
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable"
+      }
+    ],
+    "events" : [
+      {
+        "name" : "activate",
+        "type" : "function",
+        "desc" : "Fires when this item is activated",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.menu.BaseItem"
+      },
+      {
+        "name" : "beforedestroy",
+        "type" : "function",
+        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "beforehide",
+        "type" : "function",
+        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "beforerender",
+        "type" : "function",
+        "desc" : "Fires before the component is rendered. Return false to stop the render.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "beforeshow",
+        "type" : "function",
+        "desc" : "Fires before the component is shown.  Return false to stop the show.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "click",
+        "type" : "function",
+        "desc" : "Fires when this item is clicked",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.menu.BaseItem"
+      },
+      {
+        "name" : "deactivate",
+        "type" : "function",
+        "desc" : "Fires when this item is deactivated",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.menu.BaseItem"
+      },
+      {
+        "name" : "destroy",
+        "type" : "function",
+        "desc" : "Fires after the component is destroyed.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Fires after the component is disabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Fires after the component is enabled.",
+        "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component"
       },
+      {
+        "name" : "hide",
+        "type" : "function",
+        "desc" : "Fires after the component is hidden.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "render",
+        "type" : "function",
+        "desc" : "Fires after the component is rendered.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Fires after the component is shown.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component"
+      }
+    ],
+    "methods" : [
+      {
+        "name" : "addEvents",
+        "type" : "function",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "addListener",
+        "type" : "function",
+        "desc" : "Appends an event handler to this component",
+        "sig" : "(eventName, handler, scope, options)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "capture",
+        "type" : "function",
+        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
+        "sig" : "(o, fn, scope)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "destroy",
+        "type" : "function",
+        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Disable this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Enable this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "fireEvent",
+        "type" : "function",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "focus",
+        "type" : "function",
+        "desc" : "Try to focus this component.",
+        "sig" : "(selectText)",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "getEl",
+        "type" : "function",
+        "desc" : "Returns the underlying {@link Roo.Element}.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "getId",
+        "type" : "function",
+        "desc" : "Returns the id of this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "hasListener",
+        "type" : "function",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "hide",
+        "type" : "function",
+        "desc" : "Hide this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "isVisible",
+        "type" : "function",
+        "desc" : "Returns true if this component is visible.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "on",
+        "type" : "function",
+        "desc" : "Appends an event handler to this element (shorthand for addListener)",
+        "sig" : "(eventName, handler, scope, options)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "purgeListeners",
+        "type" : "function",
+        "desc" : "Removes all listeners for this object",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "releaseCapture",
+        "type" : "function",
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "removeListener",
+        "type" : "function",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      },
+      {
+        "name" : "render",
+        "type" : "function",
+        "desc" : "If this is a lazy rendering component, render it to its container element.",
+        "sig" : "(container)",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "setDisabled",
+        "type" : "function",
+        "desc" : "Convenience function for setting disabled/enabled by boolean.",
+        "sig" : "(disabled)",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "setVisible",
+        "type" : "function",
+        "desc" : "Convenience function to hide or show this component by boolean.",
+        "sig" : "(visible)",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Show this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "un",
+        "type" : "function",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable"
+      }
+    ]
+  },
+  "Roo.menu.TextItem" : {
+    "props" : [
+      {
+        "name" : "actionMode",
+        "type" : "String",
+        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "activeClass",
+        "type" : "String",
+        "desc" : "The CSS class to use when the item becomes activated (defaults to \"x-menu-item-active\")",
+        "memberOf" : "Roo.menu.BaseItem"
+      },
+      {
+        "name" : "allowDomMove",
+        "type" : "Boolean",
+        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "canActivate",
+        "type" : "Boolean",
+        "desc" : "True if this item can be visually activated (defaults to false)",
+        "memberOf" : "Roo.menu.BaseItem"
+      },
+      {
+        "name" : "disableClass",
+        "type" : "String",
+        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+        "memberOf" : "Roo.Component"
+      },
+      {
+        "name" : "handler",
+        "type" : "Function",
+        "desc" : "A function that will handle the click event of this menu item (defaults to undefined)",
+        "memberOf" : "Roo.menu.BaseItem"
+      },
+      {
+        "name" : "hidden",
+        "type" : "Boolean",
+        "desc" : "True to prevent creation of this menu item (defaults to false)",
+        "memberOf" : "Roo.menu.BaseItem"
+      },
+      {
+        "name" : "hideDelay",
+        "type" : "Number",
+        "desc" : "Length of time in milliseconds to wait before hiding after a click (defaults to 100)",
+        "memberOf" : "Roo.menu.BaseItem"
+      },
+      {
+        "name" : "hideMode",
+        "type" : "String",
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
       {
         "name" : "hideOnClick",
         "type" : "Boolean",
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : [
-          "(display",
-          "visibility)"
-        ],
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
+        "memberOf" : "Roo.Component",
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "ignoreNoChange",
       }
     ]
   },
+  "Roo.util.Clipboard" : {
+    "props" : [],
+    "events" : [],
+    "methods" : []
+  },
   "Roo.util.DelayedTask" : {
     "props" : [],
     "events" : [],
         "static" : false,
         "memberOf" : ""
       },
+      {
+        "name" : "size",
+        "type" : "function",
+        "desc" : "Size in Mb,Gb etc.",
+        "sig" : "(value, decimals)",
+        "static" : false,
+        "memberOf" : ""
+      },
       {
         "name" : "stripTags",
         "type" : "function",