Namespaces

Class CKEDITOR.dialog.definition.hbox

Extends CKEDITOR.dialog.definition.uiElement.
Defined in: plugins/dialog/dialogDefinition.js.

Class Summary
Constructor Attributes	Constructor Name and Description
	CKEDITOR.dialog.definition.hbox() Horizontal layout box for dialog UI elements, auto-expends to available width of container.

Field Summary
Field Attributes	Field Name and Description
	align (Optional) The alignment of the whole layout.
	children Array of CKEDITOR.ui.dialog.uiElement objects inside this container.
	height (Optional) The height of the layout.
	padding (Optional) The padding width inside child cells.
	styles The CSS styles to apply to this element.
	widths (Optional) The widths of child cells.

Fields borrowed from class CKEDITOR.dialog.definition.uiElement:: className, commit, id, onHide, onLoad, onShow, setup, style, title, type

Class Detail

CKEDITOR.dialog.definition.hbox()

Since: 3.0

Horizontal layout box for dialog UI elements, auto-expends to available width of container.

This class is not really part of the API. It just illustrates the properties that developers can use to define and create horizontal layouts.

Once the dialog is opened, the created element becomes a CKEDITOR.ui.dialog.hbox object and can be accessed with CKEDITOR.dialog#getContentElement.

// There is no constructor for this class, the user just has to define an
// object with the appropriate properties.

// Example:
{
	type : 'hbox',
	widths : [ '25%', '25%', '50%' ],
	children :
	[
		{
			type : 'text',
			id : 'id1',
			width : '40px',
		},
		{
			type : 'text',
			id : 'id2',
			width : '40px',
		},
		{
			type : 'text',
			id : 'id3'
		}
	]
}

Field Detail

{String} align

Since: 3.0

(Optional) The alignment of the whole layout. Example: center, top.

{Array} children

Since: 3.0

Array of CKEDITOR.ui.dialog.uiElement objects inside this container.

{Number} height

Since: 3.0

(Optional) The height of the layout.

{Number} padding

Since: 3.0

(Optional) The padding width inside child cells. Example: 0, 1.

{String} styles

Since: 3.0

The CSS styles to apply to this element.

{Array} widths

Since: 3.0

(Optional) The widths of child cells.

CKEditor 3 JavaScript API Documentation

Namespaces

Classes

Class CKEDITOR.dialog.definition.hbox