Tabbed Panel

Derived from Element -> Panel.

This is a top-level container. In the sample config, it contains a stationary "header" panel at the top, a stationary "menubar" panel at the bottom, and one or more tab panels in the middle that contain the main content. Generally you'd not have more than 1 of these and it would be the top-most container for everything else.

{
	/*
	 * All attributes of Element and Panel apply here
	 */

	"type": "tabbed_panel",
	
	/*
	 * There are 2 fixed "panel" child objects: an optional "header_panel",
	 * and the "menubar" which contains the buttons for the tabs.
	 */
	"header_panel": {
		/*
		 * The panel definition goes here.  See the [[panel]] config object.
		 */
	},

	/* 
	 * There's not much to the menubar.  In fact, it doesn't really need to
	 * be defined here at all unless you want to apply special styling to it.
	 * It's default name will be the id of the main tabbed_panel plus "_menubar",
	 * so "dueui_menubar" in this case.  The menu buttons themselves are
	 * auto generated.  
	 */
	"menubar": {
		"id": "dueui_menubar",
		"type": "panel",
		"enabled": true
	},
	
	/*
	 * One or more [[tab_panel]] elements.  The first one defined
	 * will be the one shown at startup.
	 */
	"element_configs": [
	]
}