CKEditor Ecosystem Documentation
Search
CKEditor 4 reached its End of Life (EOL) in June 2023. From then on, it will receive no more updates, new features, bug fixes, and security patches. Visit CKEditor 5 Docs for the actively supported CKEditor or check Extended Support Model.
Report an issue
Home/CKEditor 4/API
Class

CKEDITOR.dialog.definition.vbox

class inherited
See source

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'
        }
    ]
}

Filtering