Render button under tpl

[Ismailp]

Hi guys,
I have this view which basically is a tpl that get data from a store. Under the tpl I want to add a button. Can't seem to get it to work. The only thing visible is the button and the tpl has dissappeared.

Ext.define('GS.view.AuctionDetail', {
    extend: 'Ext.Panel',
    xtype: 'autionDetails',
    alias: 'widget.auctiondetail',


    config: {
     	styleHtmlContent: true,
     	scroll: 'vertical',
     	title: 'Date',
     	layout: 'vbox',
     	items: [{
     		xtype: 'component',
	     	tpl: '<div id="company-info">'+
	     			'<div class="content heading">'+	 
		     			'{name}'+
		     			'<p class="details">{orgnr}</p>'+
		     		'</div>'+
	     		 
		     		'<div class="content">'+
	     		 		'<table><tbody><tr><td>{rating}</td><td>{turnover}</td><td>{amount}</td></tr></tbody><tfoot><tr><td><p class="details">Rating</p></td><td><p class="details">Omsättning</p></td><td><p class="details">Uppskattat belopp</p></td></tr></tfoot></table>'+
	     		 	'</div>'+
	     		 '</div>'
	     },{
	     	xtype: 'button',
	     	text: 'click me'		
     	}]
     	   
    }
});

Thanks for your help!

[jay@moduscreate.com]

Maybe you should set some size information on the top component.

[bluehipy]

and be sure you set some data for the templatizied component or the tpl will never get parsed