Ext.define('GS.view.Home', {
extend:'Ext.form.Panel',
xtype:'homepanel',
config:{
title:'Home',
iconCls:'home',
cls:'home',
url:'index.html',
styleHtmlContent: true,
style:'background-color:red',
},
items:[
{ html:['Hello<br>Again<br>Again<br>Again<br>Again<br>Again<br>Again']},
{
xtype:'button',
text:'ok',
height:'40px',
width:'200px',
style:'margin:8px auto;',
}
]
The background color works only when I add scrollable:false
=====================================================
Update
I just realized that the above scenario is true when using extend:'Ext.form.Panel' but the problem does not exist when extending from Ext.Panel instead