PDA

View Full Version : TabPanel



chandankrup
12 Apr 2012, 11:45 PM
i added one tag panel in my page.Tab panel is working but the tab icon is not coming on back of the each tab.
code is below...


Ext.define('App.view.CardiacWardInfo', {extend : 'Ext.TabPanel',xtype : 'CardiacWardInfo',requires : ['Ext.ux.touch.grid.View', 'Ext.ux.touch.grid.feature.Feature','Ext.ux.touch.grid.feature.HeaderMenu','Ext.ux.touch.grid.feature.Sorter','Ext.tab.Bar'],defaults: {styleHtmlContent: true
},config : {fullscreen : true,tabBarPosition : 'top',border : '.5em .5em .5em .5em',centered : true,scrollable : false,items : [{title : '',xtype : 'toolbar',html : '<img width="65%" height="25%" src="resources/img/HIS_Logo.png" />',dock : 'top',height : '40%',width : '100%'
},{title : 'Cardiac Ward Information',xtype : 'toolbar',height : '38px',width : '100%',dock : 'top',items : [{xtype : 'DHomeBt',left : '92.5%',height : '38px'
}]}, {title : 'Patient Details',items : [{xtype : 'PatientDetails',width : '100%',height : '100%'
}]},{title : 'Diagnosis',items : [{xtype : 'Diagnosis',width : '100%',height : '100%'
}]}, {title : 'Past History',items : [{xtype : 'PastHistory',width : '100%',height : '100%'
}]}, {title : 'Significant Info.',items : [{xtype : 'SignificantInfo',width : '100%',height : '100%'
}]}, {title : 'Clinical Exmn',items : [{xtype : 'ClinicalExmn',width : '100%',height : '100%'
}]}, {title : 'Drug Admin',items : [{xtype : 'DrugAdmin',width : '100%',height : '100%'
}]}, {title : 'Progress Notes',items : [{xtype : 'DProgressNotes',width : '100%',height : '100%'
}]}, {title : 'Vitals',items : [{xtype : 'DVitals',width : '100%',height : '100%'
}]}, {title : 'Allergies'
},{xtype : 'toolbar',dock : 'bottom',height : '38px',items : [{xtype : 'LogoutBt',left : '90.5%',height : '38px'
}]}]}});



plz see the attached file to see the output ...

scottmartin
13 Apr 2012, 7:56 AM
Are you working on an ExtJS project or Touch?

Regards,
Scott.