Tabs"

From Documentation
(Created page with '{{ZKComponentReferencePageHeader}} = Tabs = *Demonstration: [http://www.zkoss.org/zkdemo/userguide/#l10 Tabs] *Java API: <javadoc>org.zkoss.zul.Tabs</javadoc> *JavaScript API: …')
 
(4 intermediate revisions by 2 users not shown)
Line 3: Line 3:
 
= Tabs =
 
= Tabs =
  
*Demonstration: [http://www.zkoss.org/zkdemo/userguide/#l10 Tabs]
+
*Demonstration: [http://www.zkoss.org/zkdemo/tabbox Tabbox]
 
*Java API: <javadoc>org.zkoss.zul.Tabs</javadoc>
 
*Java API: <javadoc>org.zkoss.zul.Tabs</javadoc>
 
*JavaScript API: <javadoc directory="jsdoc">zul.tab.Tabs</javadoc>
 
*JavaScript API: <javadoc directory="jsdoc">zul.tab.Tabs</javadoc>
 +
*Style Guide: [[ZK_Style_Guide/XUL_Component_Specification/Tabbox | Tabbox]]
  
 
= Employment/Purpose =
 
= Employment/Purpose =
Line 41: Line 42:
 
</source>
 
</source>
  
=Supported events=
+
=Supported Events=
  
*NONE
+
{| border="1" | width="100%"
 +
! <center>Name</center>
 +
! <center>Event Type</center>
 +
|-
 +
| None
 +
| None
 +
|}
 +
*Inherited Supported Events: [[ZK_Component_Reference/Base_Components/XulElement#Supported_Events | XulElement]]
  
 
=Supported Children=
 
=Supported Children=
Line 49: Line 57:
 
[[ZK_Component_Reference/Containers/Tabbox/Tab | Tab]]
 
[[ZK_Component_Reference/Containers/Tabbox/Tab | Tab]]
  
=Use cases=
+
=Use Cases=
  
[[ZK_Component_Reference/Containers/Tabbox#Use_cases | Tabbox]]
+
[[ZK_Component_Reference/Containers/Tabbox#Use_Cases | Tabbox]]
  
 
=Version History=
 
=Version History=
 
+
{{LastUpdated}}
 
{| border='1px' | width="100%"
 
{| border='1px' | width="100%"
 
! Version !! Date !! Content
 
! Version !! Date !! Content
 
|-
 
|-
| 5.0.1
+
| &nbsp;
| 4/21/2010
+
| &nbsp;
| Initialization
+
| &nbsp;
 
|}
 
|}
  
 
{{ZKComponentReferencePageFooter}}
 
{{ZKComponentReferencePageFooter}}

Revision as of 08:27, 17 November 2010

Tabs

Employment/Purpose

A tabs is the container for the tab components.

Example

ZKComRef Containers Tabs.PNG

<zk>
	<tabbox width="400px">
		<tabs>
			<tab label="Tab 1" />
			<tab label="Tab 2" />
		</tabs>
		<tabpanels>
			<tabpanel>This is panel 1</tabpanel>
			<tabpanel>This is panel 2</tabpanel>
		</tabpanels>
	</tabbox>
	<space />
	<tabbox width="400px" mold="accordion">
		<tabs>
			<tab label="Tab 3" />
			<tab label="Tab 4" />
		</tabs>
		<tabpanels>
			<tabpanel>This is panel 3</tabpanel>
			<tabpanel>This is panel 4</tabpanel>
		</tabpanels>
	</tabbox>
</zk>

Supported Events

Name
Event Type
None None

Supported Children

Tab

Use Cases

Tabbox

Version History

Last Update : 2010/11/17


Version Date Content
     



Last Update : 2010/11/17

Copyright © Potix Corporation. This article is licensed under GNU Free Documentation License.