+ * @example\r
+ */\r
+\r
+/**\r
+ * (Optional) The padding width inside child cells. Example: 0, 1.\r
+ * @name CKEDITOR.dialog.definition.hbox.prototype.padding\r
+ * @field\r
+ * @type Number\r
+ * @example\r
+ */\r
+\r
+/**\r
+ * (Optional) The alignment of the whole layout. Example: center, top.\r
+ * @name CKEDITOR.dialog.definition.hbox.prototype.align\r
+ * @field\r
+ * @type String\r
+ * @example\r
+ */\r
+\r
+// ----- vbox -----\r
+\r
+/**\r
+ * Vertical layout box for dialog UI elements.\r
+ * <div class="notapi">\r
+ * This class is not really part of the API. It just illustrates the properties\r
+ * that developers can use to define and create vertical layouts.\r
+ * <br /><br />Once the dialog is opened, the created element becomes a {@link CKEDITOR.ui.dialog.vbox} object and can be accessed with {@link CKEDITOR.dialog#getContentElement}.\r
+ * </div>\r
+ * <style type="text/css">.details .detailList {display:none;} </style>\r
+ * @name CKEDITOR.dialog.definition.vbox\r
+ * @extends CKEDITOR.dialog.definition.uiElement\r
+ * @constructor\r
+ * @example\r
+ * // There is no constructor for this class, the user just has to define an\r
+ * // object with the appropriate properties.\r
+ *\r
+ * // Example:\r
+ * {\r
+ * <b>type : 'vbox',</b>\r
+ * align : 'right',\r
+ * width : '200px',\r
+ * children :\r
+ * [\r
+ * {\r
+ * type : 'text',\r
+ * id : 'age',\r
+ * label : 'Age'\r
+ * },\r
+ * {\r
+ * type : 'text',\r
+ * id : 'sex',\r
+ * label : 'Sex'\r
+ * },\r
+ * {\r
+ * type : 'text',\r
+ * id : 'nationality',\r
+ * label : 'Nationality'\r
+ * }\r
+ * ]\r
+ * }\r
+ */\r
+\r
+/**\r
+ * Array of {@link CKEDITOR.ui.dialog.uiElement} objects inside this container.\r
+ * @name CKEDITOR.dialog.definition.vbox.prototype.children\r
+ * @field\r
+ * @type Array\r
+ * @example\r
+ */\r
+\r
+/**\r
+ * (Optional) The width of the layout.\r
+ * @name CKEDITOR.dialog.definition.vbox.prototype.width\r
+ * @field\r
+ * @type Array\r
+ * @example\r
+ */\r
+\r
+/**\r
+ * (Optional) The heights of individual cells.\r
+ * @name CKEDITOR.dialog.definition.vbox.prototype.heights\r
+ * @field\r
+ * @type Number\r
+ * @example\r
+ */\r
+\r
+/**\r
+ * The CSS styles to apply to this element.\r
+ * @name CKEDITOR.dialog.definition.vbox.prototype.styles\r
+ * @field\r
+ * @type String\r
+ * @example\r
+ */\r
+\r
+/**\r
+ * (Optional) The padding width inside child cells. Example: 0, 1.\r
+ * @name CKEDITOR.dialog.definition.vbox.prototype.padding\r
+ * @field\r
+ * @type Number\r
+ * @example\r
+ */\r
+\r
+/**\r
+ * (Optional) The alignment of the whole layout. Example: center, top.\r
+ * @name CKEDITOR.dialog.definition.vbox.prototype.align\r
+ * @field\r
+ * @type String\r
+ * @example\r
+ */\r
+\r
+/**\r
+ * (Optional) Whether the layout should expand vertically to fill its container.\r
+ * @name CKEDITOR.dialog.definition.vbox.prototype.expand\r
+ * @field\r
+ * @type Boolean\r
+ * @example\r
+ */\r
+\r
+// ----- labeled element ------\r
+\r
+/**\r
+ * The definition of labeled user interface element (textarea, textInput etc).\r
+ * <div class="notapi">This class is not really part of the API. It just illustrates the properties\r
+ * that developers can use to define and create dialog UI elements.</div>\r
+ * @name CKEDITOR.dialog.definition.labeledElement\r
+ * @extends CKEDITOR.dialog.definition.uiElement\r
+ * @constructor\r
+ * @see CKEDITOR.ui.dialog.labeledElement\r
+ * @example\r
+ * // There is no constructor for this class, the user just has to define an\r
+ * // object with the appropriate properties.\r
+ */\r
+\r
+/**\r
+ * The label of the UI element.\r
+ * @name CKEDITOR.dialog.definition.labeledElement.prototype.label\r
+ * @type String\r
+ * @field\r
+ * @example\r
+ * {\r
+ * type : 'text',\r
+ * label : 'My Label '\r
+ * }\r
+ */\r
+\r
+/**\r
+ * (Optional) Specify the layout of the label. Set to 'horizontal' for horizontal layout.\r
+ * The default layout is vertical.\r
+ * @name CKEDITOR.dialog.definition.labeledElement.prototype.labelLayout\r
+ * @type String\r
+ * @field\r
+ * @example\r
+ * {\r
+ * type : 'text',\r
+ * label : 'My Label ',\r
+ * <strong> labelLayout : 'horizontal',</strong>\r
+ * }\r
+ */\r
+\r
+/**\r
+ * (Optional) Applies only to horizontal layouts: a two elements array of lengths to specify the widths of the\r
+* label and the content element. See also {@link CKEDITOR.dialog.definition.labeledElement#labelLayout}.\r
+ * @name CKEDITOR.dialog.definition.labeledElement.prototype.widths\r
+ * @type Array\r