overlay - how to rezise panel based on the content -
i creating panel html content. want increase panel size based on content put in there. tried using floating:true , overflow:true
did not work.
any idea how can achieve that?
here code:
ext.define("infoimage.common.view.actionitems.commonoverlay",{ extend : 'ext.form.panel', requires : [ // 'infoimage.view.workitempanel', 'ext.titlebar', 'ext.button' ], xtype : 'commonoverlay', id : 'commonoverlay', config : { id : 'aboutpanel', layout : 'fit', modal : true, //floating: true, overflow: false, hideonmasktap : false, scrollable : false, showanimation:{ type:'slide', direction:'down', duration:250, easing:'ease-out' }, hideanimation:{ type:'slide', direction:'up', duration:250, easing:'ease-out', out:true }, centered : true, width : 490, height : 100, stylehtmlcontent : true, margin: '-20 -20 -20 -20 ', style : 'background-color:#fff; margin-left:-50px;', items : [{ layout:{ type:'vbox' }, items:[ { xtype : 'panel', scrollable:true, id:'message', style:'background-color:#ffffff', height : 250, html : '' }, { xtype : 'button', text : 'continue', id : 'aboutcontbtn', ui : 'action', width : '25%', top: 190, left: 330 // centered : true // margin : '130 40 0 0' }] }] } });
you've set height panel :
height : 100,
so, it's not going resize depending on content.
also, set panel fit layout 1 item panel vbox layout. might set first panel's layout vbox.
hope helps
Comments
Post a Comment