Show Menu

23 Dec 20161 minute to read

The Menu is shown by tap or taphold action on the target element and by setting the target element in data-ej-target attribute. Set the data-ej-showon attribute to specify the event after which the Menu is shown. By updating the desired event, the Menu shows when that particular event happens on the target element. Refer to the following code example. Here button is the target control (element). So its target ID (“menutarget”) is mentioned in the data-ej-target attribute. On clicking it, Menu control is displayed.

HTML

<div style="text-align: center;">

	<input id="menutarget" type="button" data-role="ejmbutton" data-ej-text="Menu" />

</div>

<div id="menu_sample" data-role="ejmmenu" data-ej-target="menutarget" data-ej-showon="tap">

	<ul>

		<li data-ej-text="Get info"></li>

		<li data-ej-text="Show in folder"></li>

		<li data-ej-text="Delete"></li>

	</ul>

</div>

The following screenshot displays the Show Menu: