How to resize the div panel when we minimise the browser..
I have one horizontal and two vertical panels but when resizing the panels has to get automatically resized and fit into that div content
How to do it??
I am new to this can anyone guide me how to do this resize
My below code is in this format..
Ext.onReady(function()
{
Ext.QuickTips.init();
Ext.suspendLayouts();
Ext.resumeLayouts(true);

Thanks a lot for ur immediate response to my post..
I will check with ur solution by changing ito Ext.panel.Panel to Ext.container.Viewport
I have to check in all browsers with ur changes so that i can reply u back once again if i face any issue with other browsers like IE7/8/9 and Mozilla and Chrome etc..
Thank U sword-it

yvkumar87

26 Sep 2012, 8:31 PM

Hi
Need Help in the code changes
As per ur changes i have modified ur script to below code now i am facing issue like along three div panels i it is getting resized only one left div panel
it is not affecting with right and upper div panel..
So my scenario is i am looking for when i resize the browser the height and width has to adjust automatically by giving equal div width and height and above panel also should be resized but this code is doing only for left div resize not for right and upper divs
In the below attachment after doing as per ur code change i am getting the output like height&width.png
but i am expecting the ouput like output.png when we resize

2) Now i am having four divs which is shown in newinput.png i am looking for to get the ouput.png but i am getting the
result as wrongoutput.png
divs are not properly getting resized when i minimise the browser after using "flex :1" property and the chartheight issue same as above explanation
Attachments are shown for second issue
Please give me any suggestions how to overcome these issues

skirtle

2 Oct 2012, 2:09 AM

Even in your latest post, you still haven't wrapped your code in [CODE] tags. It's completely unreadable. Preview your posts before you post them to make sure they're correct. Even after you've made a post it's possible to go back and edit it if you make a mistake.

In the code you've posted you don't seem to use use chart_height anywhere, nor is it clear which region is supposed to be the chart.

I recommend taking a look at the layout demos here:

http://www.sencha.com/products/extjs/examples/

In particular, the Layout Browser, Border Layout, HBox and VBox demos. You should also read the relevant sections of the docs. You shouldn't usually need to derive widths and heights manually using innerWidth, clientWidth, etc. If you correctly configure your layouts you should find it does all of that for you.

What is your motivation behind using a Border layout? Do you need collapsible or user-resizable regions? Without knowing what your overall sizing objectives are its a little difficult to judge the correct way to do this.