Menu demo

Description
This page displays a contextual menu component.
This menu can be opened with the JavaScript API provided (see JsDoc).
This components behavior is exactly the same as the menubar.
Declare targetHtmlId attribute to hook the contextual menu on an html element.


In Action



TML Source code

		
	<ex:menu t:id="menu1" targetHtmlId="target">
		<ex:menuitem visible="false">
			Menu 1
		</ex:menuitem>
		<ex:menuitem disabled="true">
			Menu 2
			<ex:submenu>
				<ex:menuitem label="literal:Not displayed because disabled"/>
			</ex:submenu>
		</ex:menuitem>	
		<ex:menuitem>
			Menu 3
			<ex:submenu>
				<ex:menuitem>
					<a href="http://www.google.com/" target="_blank">Go to Google</a>
				</ex:menuitem>
			</ex:submenu>
		</ex:menuitem>
	</ex:menu>
	
	<button id="target" onclick="menu1.show()">Open the menu !</button>