Tabpanel"
From Documentation
m (→Tabpanel) |
|||
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
MouseEvent
Description: Denotes user has clicked the component. | |
MouseEvent
Description: Denotes user has right-clicked the component. | |
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 |