Oct 16, 2009, 2:45 PM
RE: v1.0 Testing
Hi,
1. According documentation: AutoHeight - Note: Setting <tt>autoHeight:true</tt> means that the browser will manage the panel's height based on its contents, and that Ext will not manage it at all. If the panel is within a layout that manages dimensions (<tt>fit</tt>, <tt>border</tt>, etc.) then setting <tt>autoHeight:true</tt> can cause issues with scrolling and will not generally work as expected since the panel will take on the height of its contents rather than the height required by the Ext layout.
So, it is no guarantee that AutoHeight will work always (that proprty mean that will be set the following css rule for control: height: 'auto'). The result can be unexpected becuase it depends from browser and content.
My opinion: preferable way do not use AutoHeight and always use fixed height or use layout. You can always calculate required size on page. For example, if you know that you need to add few buttons which will occupie some place then you can increase the height of control because you know the height of buttons
2. Your original example contains few controls without explicitly height (Window -> Panel -> (Panel, FormPanel)). None of these control don't provide the height. Therefore result of AutoHeight can be unexpected. You need provide height for all of that panels, not only for the window (or try to set AutoHeight for those panels). But your original example works fine in my IE8 (even without height). It says that AutoHeight is unexpected (depends from browser and content)
My opinion: set some predefined height for Window and place another Window's controls inside layout only. It will allow to avoid to set height for subcontrols (window height only required)
By the way, did you try your code outside your application. Try that login window in new page (only that code which you posted, nothing additional). Does the result is same?
1. According documentation: AutoHeight - Note: Setting <tt>autoHeight:true</tt> means that the browser will manage the panel's height based on its contents, and that Ext will not manage it at all. If the panel is within a layout that manages dimensions (<tt>fit</tt>, <tt>border</tt>, etc.) then setting <tt>autoHeight:true</tt> can cause issues with scrolling and will not generally work as expected since the panel will take on the height of its contents rather than the height required by the Ext layout.
So, it is no guarantee that AutoHeight will work always (that proprty mean that will be set the following css rule for control: height: 'auto'). The result can be unexpected becuase it depends from browser and content.
My opinion: preferable way do not use AutoHeight and always use fixed height or use layout. You can always calculate required size on page. For example, if you know that you need to add few buttons which will occupie some place then you can increase the height of control because you know the height of buttons
2. Your original example contains few controls without explicitly height (Window -> Panel -> (Panel, FormPanel)). None of these control don't provide the height. Therefore result of AutoHeight can be unexpected. You need provide height for all of that panels, not only for the window (or try to set AutoHeight for those panels). But your original example works fine in my IE8 (even without height). It says that AutoHeight is unexpected (depends from browser and content)
My opinion: set some predefined height for Window and place another Window's controls inside layout only. It will allow to avoid to set height for subcontrols (window height only required)
By the way, did you try your code outside your application. Try that login window in new page (only that code which you posted, nothing additional). Does the result is same?