PDA

View Full Version : TabPanel Header



pajelawrence
15 Sep 2010, 6:04 AM
Hi All,

I'm looking for a sample coding on how to add a header on my
tabpanel component.

if this code possible set the background on my tabpanel body, how to do it into header?

Thanks in advance.:)


tabPanel.body.setStyle('background-image', wallpaper);

steve1964
16 Sep 2010, 12:09 AM
Wrap the tabpanel in panel as an item, then as a dockedItems of the panel add a toolbar, as an item of the toolbar add a component the will have html: '<img src="images/logo.png" />', in this way you have an header with an image...

steve1964
16 Sep 2010, 12:13 AM
A bit of code

// MAIN TOOLBAR

var toolbar = new Ext.Toolbar({
title: 'Header',
dock:'top',
ui: 'dark',
items: [{xtype: 'component', html: '<img src="images/logo.png" />'}]
});

// DOMAIN TOOLBAR



// MAIN PANEL CONTAINER

var mainPanel = new Ext.Panel({
id: 'mainPanel',
fullscreen: true,
ui: 'dark',
layout: 'card',
dockedItems: [toolbar],
items: [tabpanel]
});

pajelawrence
16 Sep 2010, 12:15 AM
Thanks,

:)