How to fit all images in the panel?

[Eseer]

Hi! I tried to create a dataview where images can be viewed but my implementation makes the images display downwards making some of the images not viewable. Is there a way to make the images fit inside the panel? Appreciate the help.

var iPanel= new Ext.panel.Panel({                                    
                                    width: 490,
                                    height: 500,
                                    layout: 'fit',
                                    title: 'Select an avatar',
                                    floating: true,
                                    closable : true,
                                    items: {
                                        extend: 'Ext.view.View',
                                        xtype: 'dataview',
                                        id: 'myDataView',
                                        autoHeight:true,
                                        reference: 'dataview',
                                        itemSelector: 'div.dataview-multisort-item',
                                        store: Ext.create('Admin.store.users.UsersAvatarStore'),
                                        tpl: [
                                            '<tpl for=".">',
                                                '<div>',
                                                   '<a href="#">',
                                                       '<img id="{name}" src="resources/images/default-avatars/{thumb}" height="72" weigh="72"/>',
                                                   '</a>',
                                                '</div>',
                                            '</tpl>',
                                             ]                                     
                                    }

[bjdurham85]

Hi--,

I think what you're after is via a css style (display:inline-block) on the div. I put together an example that I've used before into a Fiddle that should demonstrate (close at least) to what you're after. **I didn't upload the images but they just point to a local resource in my app.

https://fiddle.sencha.com/#view/editor&fiddle/2c4q

Let me know if this helps.

Best!
Bryan