Menu

Overview

The MENU widget displays a responsive full screen tiled menu.

Table of Contents

• Attributes :: VisibleWidget (inherited attributes)
  • Item Attributes
  • Usage
  • Ideals:
  • Restrictions
  • Examples
  • Other Widgets You May Find Useful

Attributes :: VisibleWidget (inherited attributes)

Name	Type	Req
title	string
data	string
color	Color

Item Attributes

Name	Type	Req
url	URL	✔️
title	string
subtitle	string
icon	icon

Usage

You can manually create each MENU's ITEM child(ren) or you can iterate through a single ITEM, binding the values from a Datasource assigned to MENUs data= attribute.

Ideals:

• Use a MENU when you want to easily build a dedicated way to navigate to various unrelated sections of the application, often MENU is utilized right at the beginning of an application or within a modal that the user opens when they wish to navigate elsewhere.

Restrictions

• MENU may only have ITEM children.
• Opening an internal template with the relative url will add it to the Navigation stack but a full url will open in your device browser.

Examples

<FML>
    <!-- Image Background -->
    <!-- <IMAGE url="/resources/images/menu-bg.png" height="100%"/> -->
    <MENU color="transparent">
        <ITEM title="Edit" subtitle="Menu" icon="build" url="main.xml"/>
        <ITEM title="Settings" subtitle="Menu" icon="settings" url="main.xml"/>
        <ITEM title="Google" subtitle="Link" icon="insert_link" url="https://google.com"/>
    </MENU> 
</FML>

See it in Action

Other Widgets You May Find Useful

• Datasources
• COLUMN
• ROW
• LIST
• LINK
• BUTTON