Tabpanel"

From Documentation
Line 79: Line 79:
 
=Use cases=
 
=Use cases=
  
 +
{| border='1px' | width="100%"
 +
! Version !! Description !! Example Location
 +
|-
 +
| 3.6+
 +
| How to put a scrollbar inside a tabpanel
 +
| [http://www.zkoss.org/forum/listComment/9889 How to put a scrollbar inside a tabpanel]
 +
|-
 +
| 3.6+
 +
| How to make a tabpanel loaded on demand
 +
| [http://www.zkoss.org/forum/listComment/6236 How to make a tabpanel loaded on demand]
 +
|}
 +
 +
See also:
 
[[ZK_Component_Reference/Containers/Tabbox#Use_cases | Tabbox]]
 
[[ZK_Component_Reference/Containers/Tabbox#Use_cases | Tabbox]]
  

Revision as of 04:56, 21 April 2010

Tabpanel

Employment/Purpose

A tabpanel is the body of a single tab panel. You would place the content for a group of components within a tab panel. The first tabpanel corresponds to the first tab, the second tabpanel corresponds to the second tab and so on.

Example

File:ZKComRef Containers Tabpanel.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
onClick
MouseEvent

Description:

Denotes user has clicked the component.

onRightClick
MouseEvent

Description:

Denotes user has right-clicked the component.

onDoubleClick
MouseEvent

Description:

Denotes user has double-clicked the component.

Supported Children

*ALL

Use cases

Version Description Example Location
3.6+ How to put a scrollbar inside a tabpanel How to put a scrollbar inside a tabpanel
3.6+ How to make a tabpanel loaded on demand How to make a tabpanel loaded on demand

See also: Tabbox

Version History

Version Date Content
5.0.1 4/21/2010 Initialization



Last Update : 2010/04/21

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