autoHeight feature

[silan]

With 4.0.2a, autoHeight only works on text content, not image. I just checked EXT JS release notes (up to 4.0.6) and didn't find anything about this. Does this mean for now with 4.0 we have to provide a fixed height for a panel to contain dynamically loaded images?

[Stroker]

If you have a panel that you want to get resized to fit the image you could setup a listener to the load event of the image.

new Ext.Panel({
      title: 'Panel', 
        items: [{
            xtype: 'box',
            autoEl: {
                tag:"img", 
                src: 'http://www.imagegossips.com/wp-content/uploads/2011/01/rupi-8744-nature-beauty.jpg'
            }, 
            listeners: {
               render: function(box) {
                  box.el.on('load', function(a, b) {
             box.ownerCt.setSize(box.el.getSize()); 
          }); 
               }
            }
       
   }], 
   renderTo: document.body
}); 

[silan]

Hi Stroker,
Thanks for the response. However, I was just try to adjust the panel base on image height, not the whole size, since I still have other content on the panel, and the panel width is mainly determined by the parent window size.
I do found the autoHeight actually works with forefront picture, not background. So I resoved my problem by using foreground picture, though it's not an idea solution.
Again, thanks for sharing your idea!

[nidhikumar05]

Hi,

I am trying to built a UI using ExtJS 4.0.7 and I have few forms in the panel. I am trying to use accordion feature only for 2 forms in my panel which has dynamic content in it but when checked Sencha site, it says to define the height for the page due to which I am not able to expand my panel dynamically according to the content it contains. Please help me with that.

Regards,
Nidhi