TabPanel Header

[pajelawrence]

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]

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]

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]

Thanks,

:)