I have the following code for creating a re-sizable dialog box in js. However resize makes the layout panels not following the dialogue box. I tried to add fit:true but it does not help.
Please advice.
function my_dialog() {
using(['dialog'], function () {
var $myDialog = $("<div/>", { id: 'dlg' });
$myDialog.dialog({ width: 400, height: 200, resizable: true });
$myDialog.layout();
$myDialog.layout('add', { region: 'center', content: 'center'});
$myDialog.layout('add', { region: 'west', content: 'west', width: 200, split: true });
});
}