public/ckeditor/4.4dev/plugins/dialog/plugin.js
function( dialog, childObjList, childHtmlList, htmlList, elementDefinition ) {
				if ( arguments.length < 4 )
					return;

				this._ || ( this._ = {} );

				var children = this._.children = childObjList,
					widths = elementDefinition && elementDefinition.widths || null,
					height = elementDefinition && elementDefinition.height || null,
					styles = {},
					i;
				/** @ignore */
				var innerHTML = function() {
						var html = [ '<tbody><tr class="cke_dialog_ui_hbox">' ];
						for ( i = 0; i < childHtmlList.length; i++ ) {
							var className = 'cke_dialog_ui_hbox_child',
								styles = [];
							if ( i === 0 )
								className = 'cke_dialog_ui_hbox_first';
							if ( i == childHtmlList.length - 1 )
								className = 'cke_dialog_ui_hbox_last';
							html.push( '<td class="', className, '" role="presentation" ' );
							if ( widths ) {
								if ( widths[ i ] )
									styles.push( 'width:' + cssLength( widths[ i ] ) );
							} else
								styles.push( 'width:' + Math.floor( 100 / childHtmlList.length ) + '%' );
							if ( height )
								styles.push( 'height:' + cssLength( height ) );
							if ( elementDefinition && elementDefinition.padding != undefined )
								styles.push( 'padding:' + cssLength( elementDefinition.padding ) );
							// In IE Quirks alignment has to be done on table cells. (#7324)
							if ( CKEDITOR.env.ie && CKEDITOR.env.quirks && children[ i ].align )
								styles.push( 'text-align:' + children[ i ].align );
							if ( styles.length > 0 )
								html.push( 'style="' + styles.join( '; ' ) + '" ' );
							html.push( '>', childHtmlList[ i ], '</td>' );
						}
						html.push( '</tr></tbody>' );
						return html.join( '' );
					};

				var attribs = { role: 'presentation' };
				elementDefinition && elementDefinition.align && ( attribs.align = elementDefinition.align );

				CKEDITOR.ui.dialog.uiElement.call( this, dialog, elementDefinition || { type: 'hbox' }, htmlList, 'table', styles, attribs, innerHTML );
			}
function( dialog, childObjList, childHtmlList, htmlList, elementDefinition ) {
				if ( arguments.length < 4 )
					return;

				this._ || ( this._ = {} );

				var children = this._.children = childObjList,
					widths = elementDefinition && elementDefinition.widths || null,
					height = elementDefinition && elementDefinition.height || null,
					styles = {},
					i;
				/** @ignore */
				var innerHTML = function() {
						var html = [ '<tbody><tr class="cke_dialog_ui_hbox">' ];
						for ( i = 0; i < childHtmlList.length; i++ ) {
							var className = 'cke_dialog_ui_hbox_child',
								styles = [];
							if ( i === 0 )
								className = 'cke_dialog_ui_hbox_first';
							if ( i == childHtmlList.length - 1 )
								className = 'cke_dialog_ui_hbox_last';
							html.push( '<td class="', className, '" role="presentation" ' );
							if ( widths ) {
								if ( widths[ i ] )
									styles.push( 'width:' + cssLength( widths[ i ] ) );
							} else
								styles.push( 'width:' + Math.floor( 100 / childHtmlList.length ) + '%' );
							if ( height )
								styles.push( 'height:' + cssLength( height ) );
							if ( elementDefinition && elementDefinition.padding != undefined )
								styles.push( 'padding:' + cssLength( elementDefinition.padding ) );
							// In IE Quirks alignment has to be done on table cells. (#7324)
							if ( CKEDITOR.env.ie && CKEDITOR.env.quirks && children[ i ].align )
								styles.push( 'text-align:' + children[ i ].align );
							if ( styles.length > 0 )
								html.push( 'style="' + styles.join( '; ' ) + '" ' );
							html.push( '>', childHtmlList[ i ], '</td>' );
						}
						html.push( '</tr></tbody>' );
						return html.join( '' );
					};

				var attribs = { role: 'presentation' };
				elementDefinition && elementDefinition.align && ( attribs.align = elementDefinition.align );

				CKEDITOR.ui.dialog.uiElement.call( this, dialog, elementDefinition || { type: 'hbox' }, htmlList, 'table', styles, attribs, innerHTML );
			}
function ( dialog , childObjList , childHtmlList , htmlList , elementDefinition ) { if ( arguments . length < 4 ) return ; this . _ || ( this . _ = { } ) ; var children = this . _ . children = childObjList , widths = elementDefinition && elementDefinition . widths || null , height = elementDefinition && elementDefinition . height || null , styles = { } , i ; /** @ignore */ var innerHTML = function ( ) { var html = [ '<tbody><tr class="cke_dialog_ui_hbox">' ] ; for ( i = 0 ; i < childHtmlList . length ; i ++ ) { var className = 'cke_dialog_ui_hbox_child' , styles = [ ] ; if ( i === 0 ) className = 'cke_dialog_ui_hbox_first' ; if ( i == childHtmlList . length - 1 ) className = 'cke_dialog_ui_hbox_last' ; html . push ( '<td class="' , className , '" role="presentation" ' ) ; if ( widths ) { if ( widths [ i ] ) styles . push ( 'width:' + cssLength ( widths [ i ] ) ) ; } else styles . push ( 'width:' + Math . floor ( 100 / childHtmlList . length ) + '%' ) ; if ( height ) styles . push ( 'height:' + cssLength ( height ) ) ; if ( elementDefinition && elementDefinition . padding != undefined ) styles . push ( 'padding:' + cssLength ( elementDefinition . padding ) ) ; // In IE Quirks alignment has to be done on table cells. (#7324)
 if ( CKEDITOR . env . ie && CKEDITOR . env . quirks && children [ i ] . align ) styles . push ( 'text-align:' + children [ i ] . align ) ; if ( styles . length > 0 ) html . push ( 'style="' + styles . join ( '; ' ) + '" ' ) ; html . push ( '>' , childHtmlList [ i ] , '</td>' ) ; } html . push ( '</tr></tbody>' ) ; return html . join ( '' ) ; } ; var attribs = { role : 'presentation' } ; elementDefinition && elementDefinition . align && ( attribs . align = elementDefinition . align ) ; CKEDITOR . ui . dialog . uiElement . call ( this , dialog , elementDefinition || { type : 'hbox' } , htmlList , 'table' , styles , attribs , innerHTML ) ; }
Horizontal layout box for dialog UI elements, auto-expends to available width of container.

@class CKEDITOR.ui.dialog.hbox
@extends CKEDITOR.ui.dialog.uiElement
@constructor Creates a hbox class instance.
@param {CKEDITOR.dialog} dialog Parent dialog object.
@param {Array} childObjList
Array of {@link CKEDITOR.ui.dialog.uiElement} objects inside this container.
@param {Array} childHtmlList
Array of HTML code that correspond to the HTML output of all the
objects in childObjList.
@param {Array} htmlList
Array of HTML code that this element will output to.
@param {CKEDITOR.dialog.definition.uiElement} elementDefinition
The element definition. Accepted fields:

* `widths` (Optional) The widths of child cells.
* `height` (Optional) The height of the layout.
* `padding` (Optional) The padding width inside child cells.
* `align` (Optional) The alignment of the whole layout.
Horizontal layout box for dialog UI elements auto - expends to available width of container .