📄 moretabbox.zul
字号:
<?xml version="1.0" encoding="UTF-8"?><!--moreTabbox.zul{{IS_NOTE Purpose: Description: History: Tue Oct 4 11:31:13 2005, Created by henrichen}}IS_NOTECopyright (C) 2005 Potix Corporation. All Rights Reserved.{{IS_RIGHT}}IS_RIGHT--><window id="demo"> <vbox width="100%"> <html> <attribute name="content"><![CDATA[ <h4>More tabboxes</h4> <p>tabbox is used to split information into serveral panels and show only one panel a time. While supporting the tradional tabboxes, vertical form and accordion form of tabboxes is also supported.</p> ]]></attribute> </html> <groupbox mold="3d" width="100%"> <caption label="View"><button label="Reload" height="18px" use="org.zkoss.zkdemo.userguide.ReloadButton"/></caption> <window id="view"> </window> </groupbox> <groupbox id="tryView" mold="3d" open="false" width="100%"> <caption label="Source"><button label="Try me!" use="org.zkoss.zkdemo.userguide.TryMeButton"/></caption> <textbox id="codeView" use="org.zkoss.zkdemo.userguide.CodeView" class="code" rows="15" width="100%"> <attribute name="value"><![CDATA[<tabbox width="400px" mold="accordion"> <tabs> <tab label="Tab 1"/> <tab label="Tab 2"/> </tabs> <tabpanels> <tabpanel><tabbox width="400px" orient="vertical"><tabs><tab label="A"/><tab label="B"/><tab label="C"/><tab label="D"/><tab label="E"/></tabs><tabpanels><tabpanel>This is panel A</tabpanel><tabpanel>This is panel B</tabpanel><tabpanel>This is panel C</tabpanel><tabpanel>This is panel D</tabpanel><tabpanel>This is panel E</tabpanel></tabpanels></tabbox> </tabpanel> <tabpanel>This is panel 2The second panel </tabpanel> </tabpanels></tabbox> ]]></attribute> </textbox> </groupbox> </vbox></window>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -