How to use Architect with Touch with Tab to show a built in icon in Tab Panel ?

[sencha2cool]

Hello,
Using Architect 2 with Touch.
Inspector shows:
Panel->Tab Panel->Home(Container)

There is no iconCls property to set to home.

Please advise.

[sencha2cool]

Now have Panel->TabPanel->Button with iconCls set to home

But, only see a blank circle in Tab Panel -- hmm.

[sencha2cool]

FYI -- Architect generates the following code: (no icons displayed)

Ext.define('MyApp.view.MyPanel', {
extend: 'Ext.Panel',


config: {
items: [
{
xtype: 'toolbar',
docked: 'top',
title: 'Home'
},
{
xtype: 'tabpanel',
docked: 'bottom',
items: [
{
xtype: 'button',
iconCls: 'home',
iconMask: true,
title: 'Home'
},
{
xtype: 'button',
iconCls: 'info',
iconMask: true,
title: 'Info'
}
]
}
]
}


});

[sencha2cool]

Solved this by having Panel->Tab Panel->Home(Container),Info(Container),Tab Bar(created by Tab Bar config)
This allows iconCls to be seen (and set).

Please add documentation since this was not that obvious.
Is there a better way to do this ?