|
Title: Dialog with layouts not resizing Post by: WizPS on August 29, 2019, 06:41:17 PM 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. Code: 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 }); }); } Title: Re: Dialog with layouts not resizing Post by: jahangir on August 29, 2019, 11:18:50 PM Add following code at the end of your function "my_dialog()"
Code: $myDialog.dialog({ onResize:function(w, h){ $myDialog.layout('panel', 'center').panel('resize',{height:h, width: w - 200}); $myDialog.layout('panel', 'west').panel('resize',{height:h}); } }); Please check this example. http://code.reloado.com/jbhatti/17/edit#html,live Title: Re: Dialog with layouts not resizing Post by: WizPS on August 30, 2019, 03:08:59 AM Thank you jahangir. In the following example there is no extra code for resizing and still it works:
https://www.jeasyui.com/demo/main/index.php?plugin=Window&theme=material-teal&dir=ltr&pitem=&sort=asc (clicking 'Window Layout' example) Do you believe is it possible get the same behavior using js, so I don't need the extra function for resizing? Title: Re: Dialog with layouts not resizing Post by: jahangir on August 30, 2019, 04:54:08 AM Please check this.
http://code.reloado.com/jbhatti/20/edit#html,live Title: Re: Dialog with layouts not resizing Post by: WizPS on August 30, 2019, 07:28:34 AM Wonderful jahangir, this really is a nice solution and it helps a lot. Thank you very much!
|