Which control should I use in this scenario (tabs + option menu)

[reweiner]

Hi,

I'd like to create a panel with horizontal tabs.

On the tab, there will be a "down arrow" that will have options like "Edit, Delete tab, etc".

| Tab 1 (v) | Tab 2 (v) | (+)
________________________

Content of each tab
________________________

OBS: (v) -> "Edit | Delete | etc"

I haven't seen a functionality like this on the tab control. What should I use instead ? Toolbars ?

Thanks

[ZachG]

If I remember right, you can supply HTML for the title of a tab. That could include the down button that when clicked shows your menu. The easier solution would be to have a toolbar on the tabs.

{
	xtype:"tabpanel",
	defaults:{
		dockedItems:[
			{
				xtype:"toolbar",
				dock:"top",
				items:[
					{
						text:"Edit"
					},
					{
						text:"Delete"
					},
					{
						text:"etc"
					}
				]
			}
		]
	},
	items:[
		{
			html:"First Tab"
		},
		{
			html:"Second Tab"
		},
		{
			html:"etc Tab"
		}
	]
}

[reweiner]

Thanks!

I'll give it a try!!