html property isn't working!(very simple)

[gigas01]

Hey guys, i can't solve this problem.

It has to work!! it is visualizing the icons
, but it is not showing the html codes

oh, and why doesn't it changes, if i put a

iconCls: 'home'

it has to change to a home icon, but it doesnt



Main.js

Ext.define("GS.view.Main", {
    extend : 'Ext.Panel',
    requires: [
        'Ext.Toolbar','Ext.Viewport'
    ],
    config: {
        fullscreen: true,


        items: [
        {
            xtype: 'home-view'
        }
        ]
    },
    initialize: function(){
        this.setActiveItem(0);
    }
});

home.js

Ext.define("GS.view.home", {
    extend: 'Ext.tab.Panel',
    xtype: 'home-view',


    config: {
        items: [
            {
                xtype: 'container',
                title: 'Tab 1',
                html: 'asdf'
            },
            {
                xtype: 'container',
                title: 'Tab 2'
            },
            {
                xtype: 'container',
                title: 'Tab 3'
            }
        ]
    }
})

[jerome76]

You have to give your Main panel a layout and what exactly are you adding iconCls to? You can only add the iconCls to buttons or tabs in a TabPanel by default.