Cannot set dialog width or size

I’m using the TinyMCE 5.0.1 Dialog UI component in a custom plugin. The docs don’t really mention how to set the dialog dimensions but from looking at the source code I’ve seen references to “width” and “size” properties; the former taking an integer and the latter a string such as “normal”.

However, I’ve set both of these properties with various values and neither seem to have an effect on the dialog size. It looks like the default size is hard coded as 480px max-width in the editor stylesheet and the dialog config can’t currently be used to override this. Or am I missing something?

For example, setting Dialog width in this way does nothing:

editor.windowManager.open({
  title: 'Test',
  width: 800,
  body: {
    type: 'panel',
    items: []
  },
  buttons: []
});

[lofcz]

I don’t agree with the solution by TinyMCE team in this case. Limiting developers liberty is generally frowned upon.

In order to set a custom size of your dialog:

editor.ui.registry.addButton { // or addMenuItem
    onAction: function() {
        setTimeout(function () {
            $(".tox-dialog__body-content").css("height", "400px"); // or width
        });
    }
}

TinyMCE will set the size of next opened dialog correctly so you can use this safely. As of version 1ac52053224165998fe49b7d5d2d6236fa7f94ab (5.2 / 5.3 dev)

[TheSpyder]

Yeah, I get it, but this is the decision we made and instead we offer a fully customisable theme (hopefully we’ll release our theme builder soon which will make customising much easier).