Navseparator"

From Documentation
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

Navseparator

  • Demonstration:
  • Java API:
  • JavaScript API:
  • Style Guide:
    • Available for ZK:
    • http://www.zkoss.org/product/zkhttp://www.zkoss.org/whyzk/zkeeVersion ee.png

    Employment/Purpose

    Used to create a separator between nav items..


    Example

    ZKComRef Navseparator.png


    	<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

    Name
    Event Type
    None None

    Supported Children

    *NONE
    

    Use Cases

    Version History

    Last Update : 2013/10/17


    Version Date Content
    7.0.0 October, 2013 Navseparator was introduced.



    Last Update : 2013/10/17

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