Documentation

Valign

Type: Object

Default: object

Valign is used to set the vertical position of columns in the grid.

By default, the setting has the object:

{
        'valign-none': {
            title: '## valign.none ##',
            params: { classname: false }
        },
        'valign-top': {
            title: '## valign.top ##',
            params: { classname: 'valign-top' }
        },
        'valign-middle': {
            title: '## valign.middle ##',
            params: { classname: 'valign-middle' }
        },
        'valign-bottom': {
            title: '## valign.bottom ##',
            params: { classname: 'valign-bottom' }
        }
    }

In CSS of the editor valign classes are written as follows:

.arx-content .valign-middle {
    align-items: center;
}

You can change the valign class names to those used in the content on your site. To do this, create a CSS file, connect it after CSS of the editor, and write the classes like this:

.arx-content .my-class-middle {
    align-items: center;
}

Now set new classes to the setting:

ArticleEditor('#entry', {
    valign: {
        'valign-top': {
            params: { classname: 'my-class-top' }
        },
        'valign-middle': {
            params: { classname: 'my-class-middle' }
        },
        'valign-bottom': {
            params: { classname: 'my-class-bottom' }
        }
    }
});

You can completely disable valign, just set false.

ArticleEditor('#entry', {
    valign: false
});