How to add a panel to serve as a footer in a list in Sencha Touch 2.1

[sbalbalosa]

Hi,

How can I add another panel below the list to serve as some kind of footer, I want the panel to be part of the list so if you scroll the list the panel also moves. What I did before in 2.0 is to add the panel using "add" method of the list this works fine but in 2.1 it seems that when I add another panel to the list it occupies the whole space overlapping the list. What do you think is the best way to achieve this?

Thanks

[Tegola]

Sencha changed things in worse in 2.1. Do this:

Ext.create('widget.list', {
	data: [
		{ title: 'Item 1' },
		{ title: 'Item 2' },
		{ title: 'Item 3' }
	],
	itemTpl: '{title}',
	items: {
		xtype: 'container',
		docked: 'bottom',
		scrollDock: 'bottom',
		html: 'Footer content'
	}
});