Application Header Like Ext 3.0 API Documentation

[Chris55]

I am trying to reproduce a custom take on the Ext 3.0 API Documentation application header (North region of the BorderLayout manager). I have investigated other layout managers, such as hbox and panel + menu|toolbar items but don't know which one go to with (even injecting html). I am sure that this feature has been tackled before but I could not locate a thread about it. I appreciate any help you can provide. Thank you.

[Condor]

What exactly are you trying to accomplish?

[Chris55]

Hi Condor,

Thanks for answering. I have used the 'vbox' layout manager to create 2 "rows" as follows. Note the '|' character denotes left and right borders that should cap the end of the rows but the forum removes spaces:

----------------------------------------------------
|App Title Here (50%) Graphic Image href (50%)|
----------------------------------------------------
|App Toolbar Here (100% fit)|
----------------------------------------------------

The Toolbar is rendered without any issues using xtype: 'panel'. But I don't know which layout or native xtype to go with for the App Title (row 1) which is really like a 2 column layout. Thanks.

What exactly are you trying to accomplish?

[Condor]

Some things are just easier done with plain HTML, e.g.

{
	region: 'north',
	height: 100,
	items: {
		xtype: 'box',
		autoEl: {children: [
			{tag: 'img', src: 'logo.gif', style: 'float:right'},
			{cn: 'Title'}
		]}
	},
	bbar: [{
		text: 'Button 1'
	},{
		text: 'Button 2'
	}]
}

[Chris55]

I just wanted to follow-up on this thread and note that I used Condor's suggestion of using good 'ole fashion html/css to customize my heading. Thanks!