Code:<!DOCTYPE html> <html> <head> <title>Welcome to Franchise India</title> //included al JS and CSS files <script type="text/javascript"> Ext.application({ name:'fro2013', launch:function(){ Ext.create("Ext.tab.Panel",{ fullscreen:true, tabBarPosition:'top', //tabBar:{layout:{pack:"center"}}, items:[ { title:'Home', iconCls: 'home', iconMask: true, scrollable:true, styleHtmlContent:true, html:[' Text to be displayed ] }, { title:'Register', iconCls:'compose', html:['Text to be displayed' ] }, { title:'conference', iconCls:'team' , scrollable:true, styleHtmlContent:true, html:['Text to be displayed ] } , { title: 'download', iconCls:'download' , xtype: 'panel', styleHtmlContent : true, html: ['<div><iframe style="width:100%;height:100%;" src="http://www.franchiseindia.net/pdf/fro2013_Brochure_hyderabad.pdf"></iframe></div>'] }] }); } }); </script> </head> <body> </body> </html>