Class CKFinder.dialog.definition.hbox
Extends
CKFinder.dialog.definition.uiElement.
Constructor Attributes | Constructor Name and Description |
---|---|
Horizontal layout box for dialog UI elements, auto-expends to available width of container.
|
Field Attributes | Field Name and Description |
---|---|
(Optional) The alignment of the whole layout.
|
|
Array of CKFinder.ui.dialog.uiElement objects inside this container.
|
|
(Optional) The height of the layout.
|
|
(Optional) The padding width inside child cells.
|
|
The CSS styles to apply to this element.
|
|
(Optional) The widths of child cells.
|
- Fields borrowed from class CKFinder.dialog.definition.uiElement:
- accessKey, className, hidden, id, onBlur, onChange, onClick, onDblclick, onFocus, onHide, onKeyDown, onKeypress, onKeyup, onLoad, onMousedown, onMouseout, onMouseover, onMouseup, onShow, style, title, type
Class Detail
CKFinder.dialog.definition.hbox()
Since:
2.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 CKFinder.ui.dialog.hbox object and can be accessed with CKFinder.dialog#getContentElement.
Once the dialog is opened, the created element becomes a CKFinder.ui.dialog.hbox object and can be accessed with CKFinder.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:
2.0
(Optional) The alignment of the whole layout. Example: center, top.
{Array}
children
Since:
2.0
Array of CKFinder.ui.dialog.uiElement objects inside this container.
{Number}
height
Since:
2.0
(Optional) The height of the layout.
{Number}
padding
Since:
2.0
(Optional) The padding width inside child cells. Example: 0, 1.
{String}
styles
Since:
2.0
The CSS styles to apply to this element.
{Array}
widths
Since:
2.0
(Optional) The widths of child cells.