CKEDITOR.dialog.definition.vbox

Vertical layout box for dialog UI elements.

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

Once the dialog is opened, the created element becomes a CKEDITOR.ui.dialog.vbox 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: 'vbox',
    align: 'right',
    width: '200px',
    children: [
        {
            type: 'text',
            id: 'age',
            label: 'Age'
        },
        {
            type: 'text',
            id: 'sex',
            label: 'Sex'
        },
        {
            type: 'text',
            id: 'nationality',
            label: 'Nationality'
        }
    ]
}