HTML コンテンツを含むパネルを作成しています。そこに入れるコンテンツをもとにパネルサイズを大きくしたい。使ってみfloating:true and overflow:true
ましたがダメでした。
どうすればそれを達成できるのでしょうか?
これが私のコードです:
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'
}]
}]
}
});