CKEditor set width

Question

I am using CKEditor 4 with inline editing. I want to set custom height to the CKEditor toolbar that appears. I looked around and found a solution

config.height = 300;
config.width = 550;

I wrote the above two lines in the config.js file. But sadly, its not working for me.

Any Ideas? Or inline editing doesnt support custom height?

EDIT :

I alsp tried this in my js

editor.resize( 900, 300 );

but no luck

Answer 1

Just use the linebreak '/' as Zee suggested in the comment area.

For example:

  config.toolbarGroups = [
        { name: 'clipboard',   groups: [ 'clipboard', 'undo' ] },
        { name: 'editing',     groups: [ 'find', 'selection', 'spellchecker', 'basicstyles', 'cleanup'] },
        '/',
        { name: 'paragraph',   groups: [ 'list', 'indent', 'blocks', 'align' ] },
        { name: 'links' },
        ...
]

The linebreak will break the buttons into two rows.