Menu

<MENU/> : <BOX/>

The <MENU/> widget is used for naviagtion between pages. Menu's are made up of one more menu <ITEM/>'s. Menus can be static or dyanmic. Dynamic menu's define a single prototype <ITEM/> and a data source.

Each <ITEM/> created in the menu has its own unique scope. This allows widgets within the each <ITEM/> to have similar id's to widgets defined in other <ITEM/>'s.

Attributes

Name	Type	Req
color	Color

Examples

Example #1 : a simple menu with 3 static <ITEM/>'s

<MENU color="transparent">
   <ITEM title="Edit"     subtitle="Menu" icon="build" url="assets/templates/examples/menu-example1.xml"/>
   <ITEM title="Settings" subtitle="Menu" icon="settings" url="assets/templates/examples/menu-example1.xml"/>
   <ITEM title="Google"   subtitle="Link" icon="insert_link" url="https://google.com"/>
</MENU> 

See it in Action

Example #2 : a dynamic menu tied to a data source and a prototype <ITEM/>

<TESTDATA id="db1" rows="50"/>
<MENU color="red" data="db1">
  <ITEM title="{data.first} {data.last}" subtitle="Click to View" icon="person" url="http://fml.dev?person={data.first}{data.last}"/>
</MENU> 

See it in Action

Other Documentation You May Find Useful

• <ITEM/>
• <LINK/>