Menubar"

From Documentation
m ((via JWB))
m (correct highlight (via JWB))
Line 46: Line 46:
 
[[Image:ZKComRef_Menubar_Scrollable.png]]
 
[[Image:ZKComRef_Menubar_Scrollable.png]]
  
<source lang="xml" high="1">
+
<source lang="xml" highlight="1">
 
<menubar width="200px" scrollable="true">
 
<menubar width="200px" scrollable="true">
 
  <menu label="Menu1">
 
  <menu label="Menu1">

Revision as of 09:22, 18 January 2022

Menubar

Employment/Purpose

A container usually contains more than one menu elements.

Example

ZKComRef Menubar.png

<menubar id="menubar">
	<menu label="File">
		<menupopup onOpen="alert(self.id)">
			<menuitem label="New" onClick="alert(self.label)" />
			<menuitem label="Open" onClick="alert(self.label)" />
			<menuitem label="Save" onClick="alert(self.label)" />
			<menuseparator />
			<menuitem label="Exit" onClick="alert(self.label)" />
		</menupopup>
	</menu>
	<menu label="Help">
		<menupopup>
			<menuitem label="Index" onClick="alert(self.label)" />
			<menu label="About">
				<menupopup>
					<menuitem label="About ZK" onClick="alert(self.label)" />
					<menuitem label="About Potix" onClick="alert(self.label)" />
				</menupopup>
			</menu>
		</menupopup>
	</menu>
</menubar>

Properties

Scrollable

The code below demonstrates how easy it is to make the Menubar scrollable!

File:ZKComRef Menubar Scrollable.png

<menubar width="200px" scrollable="true">
 <menu label="Menu1">
  <menupopup>
    <menuitem label="Submenu"/>
  </menupopup>
 </menu>
 <menu label="Menu2">
  <menupopup>
    <menuitem label="Submenu"/>
  </menupopup>
 </menu>
 <menu label="Menu3">
  <menupopup>
    <menuitem label="Submenu"/>
  </menupopup>
 </menu>
</menubar>

Supported Events

Name
Event Type
None None

Supported Children

* Menu,  Menuitem,  Menuseparator

Use Cases

Version Description Example Location
     

Version History

Last Update : 2022/01/18


Version Date Content
     



Last Update : 2022/01/18

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