Navseparator"
From Documentation
Raymondchao (talk | contribs) |
Raymondchao (talk | contribs) |
||
Line 14: | Line 14: | ||
= Example = | = Example = | ||
+ | [[Image:ZKComRef_Navseparator.png]] | ||
+ | |||
+ | |||
+ | <source lang="xml" > | ||
+ | <navbar id="sidebar" orient="horizontal" collapsed="true"> | ||
+ | <navitem label="Inbox" iconSclass="z-icon-inbox" /> | ||
+ | <navitem label="Create New Task" iconSclass="z-icon-pencil"/> | ||
+ | <navseparator/> | ||
+ | <nav label="Next Actions" iconSclass="z-icon-th-list" badgeText="4"> | ||
+ | <navseparator/> | ||
+ | <navitem label="Rescue the Baby" iconSclass="z-icon-star"/> | ||
+ | <navitem label="Play Darts" /> | ||
+ | <navitem label="Plant Flowers" /> | ||
+ | <navitem label="Wash the Car" iconSclass="z-icon-star"/> | ||
+ | </nav> | ||
+ | <nav label="Someday" iconSclass="z-icon-tasks" badgeText="2"/> | ||
+ | <nav label="Done" iconSclass="z-icon-archive"/> | ||
+ | </navbar> | ||
+ | </source> | ||
=Supported Events= | =Supported Events= |
Revision as of 02:03, 17 October 2013
- Demonstration:
- Java API:
- JavaScript API:
- Style Guide:
- Available for ZK:
Employment/Purpose
Used to create a separator between nav items..
Example
<navbar id="sidebar" orient="horizontal" collapsed="true">
<navitem label="Inbox" iconSclass="z-icon-inbox" />
<navitem label="Create New Task" iconSclass="z-icon-pencil"/>
<navseparator/>
<nav label="Next Actions" iconSclass="z-icon-th-list" badgeText="4">
<navseparator/>
<navitem label="Rescue the Baby" iconSclass="z-icon-star"/>
<navitem label="Play Darts" />
<navitem label="Plant Flowers" />
<navitem label="Wash the Car" iconSclass="z-icon-star"/>
</nav>
<nav label="Someday" iconSclass="z-icon-tasks" badgeText="2"/>
<nav label="Done" iconSclass="z-icon-archive"/>
</navbar>
Supported Events
None | None |
- Inherited Supported Events: XulElement
Supported Children
*NONE
Use Cases
Version History
Version | Date | Content |
---|---|---|
7.0.0 | October, 2013 | Navseparator was introduced. |