Dojo / Dijit BorderContainer in Dijit.Dialog

Question

I am trying to programatically create layout like this:

I am using dojo 1.7 and there is probably a problem with layout initialization. This is my attempt.

Thanks for helping me

Answer 1

Let the BorderContainer set the size of the Dialog (not the dialog itself): jsFiddle.

var layout = new BorderContainer({
    design: "headline",
    style: "width: 400px; height: 400px;"
});

Alternatively, in your case, you can avoid using dijit.layout at all. Place the content of a dialog inside <div class="dijitDialogPaneContentArea"></div> and buttons into <div class="dijitDialogPaneActionBar"></div> and you will get:

Source: http://archive.dojotoolkit.org/nightly/dojotoolkit/dijit/tests/test_Dialog.html