ckeditor image dialog size

Question

I have configured my own custom image repository using ckeditor image plugin. Now i want to change the size of image dialog. I have checked a lot but found properties for changing height and width of file browser and ckeditor itself only. How could i change the size of image dialog that appears on oncliking the image icon in ckeditor toolbar.

Here is my code:

CKEDITOR.editorConfig = function( config ) {    
    config.height = '350px';
    //config.width = '1000px';
    config.uiColor = '#d6d6d6';
    config.fullPage = true;
    config.extraPlugins = 'importdoc,docprops';
    config.scayt_autoStartup = true;
    config.filebrowserBrowseUrl = 'jcrPage';
    config.filebrowserImageBrowseUrl = 'jcrPage';
    config.filebrowserImageUploadUrl = 'imageUpload';
    config.filebrowserWindowHeight = 500;
    config.filebrowserWindowWidth = 500;
    config.filebrowserImageWindowWidth = 700;
    config.filebrowserImageWindowHeight = 700;
    config.toolbarGroups = [
        { name: 'document', groups: [ 'mode'] },
        { name: 'editing', groups: [ 'find', 'selection'] },
        { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] },
        { name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align' ] },
        { name: 'links' },
        { name: 'insert' },
        { name: 'styles' },
        { name: 'colors' },
    ];
    config.removePlugins = 'flash, iframe, templates, div, source, smiley, save, newpage';
    config.removeDialogTabs = 'image:advanced';
};

Thanks

oleq oleq · Accepted Answer · 2013-10-11T07:36:40

Size of the dialog is controlled by 4 properties: width, height, minWidth, minHeight.

And to know how to customize a definition of an existing dialog, please refer to my previous answer: How do I customize a ckeditor 4.2 builtin plugin like links?

ckeditor image dialog size

1 Answers