var iconPath = this.path + 'images/analog.gif';
//My "main" dialog window
editor.addCommand('Analog', new CKEDITOR.dialogCommand('Analog'));
//The dialog window that will be called from the main dialog window
editor.addCommand('foo', new CKEDITOR.dialogCommand('foo'));
editor.ui.addButton( 'Analog',
{
label: 'Edit Properties',
command: 'Analog',
icon: iconPath
} );
CKEDITOR.dialog.add( 'Analog', function ( editor )
{
return {
title : 'Main Properties',
minWidth : 400,
minHeight : 200,
contents :
[
{
id : 'tab1',
label : 'Basic Settings',
elements :
[
{
type : 'button',
id : 'buttonId',
label: 'Properties',
title: 'Properties Title',
onClick : CKEDITOR.dialog.add('foo', function (editor)
{
return
{
title : 'Inner Properties',
minWidth : 400,
minHeight : 200,
contents :
[
{
id : 'tab2',
label : 'Settings',
elements :
[
]
}
]
};
});
}
]
}
]
};
} );
var iconPath = this.path + 'images/analog.gif';
//My "main" dialog window
editor.addCommand('Analog', new CKEDITOR.dialogCommand('Analog'));
//The dialog window that will be called from the main dialog window
editor.addCommand('foo', new CKEDITOR.dialogCommand('foo'));
editor.ui.addButton( 'Analog',
{
label: 'Edit Properties',
command: 'Analog',
icon: iconPath
} );
CKEDITOR.dialog.add( 'foo', function ( editor )
{
return {
title : 'Inner Properties',
minWidth : 400,
minHeight : 200,
contents :
[
{
id : 'tab1',
label : 'some tab',
elements :
[
{
}
]
}
]
};
} );
CKEDITOR.dialog.add( 'Analog', function ( editor )
{
return {
title : 'Main Properties',
minWidth : 400,
minHeight : 200,
contents :
[
{
id : 'tab1',
label : 'Basic Settings',
elements :
[
{
type : 'button',
id : 'buttonId',
label: 'Properties',
title: 'Properties Title',
onClick : 'foo'
}
]
}
]
};
} );

Did you ever figure this out?
Did you ever figure this out? I'm trying to do the same thing and am looking for some documentation for it.