MML

The command line tool to build, deploy and manage MML-based applications.

Mobile Markup Language for the creation of cross-platform mobile applications

Installation

In your command-line on Windows:

    c:\> npm install -g mml

In your terminal on Mac OS X/Linux:

    $sudo npm install -g mml

Creating a new mml project

This simple example demonstrates how can create an project:

    mml create new_project
    cd mml
    mml prepare ionic
    mml build android

Documentation

Mobile Semantic

Button, checkbox, edittext, form, picture, radiogroup, ratingbar, seekbar, spinner, text, toggle, dialog, layout, link, menu, tabs, view

button:

Attribute	Definition
id	Provides a unique identifier
margin	Distance from each side to the neighboring element
padding	Distance between the border and the content of the element
status	This Boolean attribute indicates that the user cannot interact with the control
width	It sets the width of the block elements

  <button
  	id="String"
    margin="em|percentage" 
    padding="em|percentage" 
    status="enabled|disabled" 
    width="em|percentage">
    Text of the button
  </button>

checkbox:

Attribute	Definition
id	Provides a unique identifier
margin	Distance from each side to the neighboring element
padding	Distance between the border and the content of the element
status	This Boolean attribute indicates that the user cannot interact with the control
width	It sets the width of the block elements

  <checkbox
    id="String"
    margin="em|percentage" 
    padding="em|percentage" 
    state="enable|disabled"
    alignText="right|left" 
    value="true|false"> 
    Text of the checkbox
  </checkbox>

edittext:

Attribute	Definition
id	Provides a unique identifier
margin	Distance from each side to the neighboring element
padding	Distance between the border and the content of the element
status	This Boolean attribute indicates that the user cannot interact with the control
width	It sets the width of the block elements
multiline	It sets the width of the block elements
hint	Specifies a short hint that describes the expected value of a text area

  <edittext 
    margin="em|percentage" 
    padding="em|percentage" 
    status="enable|disabled" 
    multiline="false|true"
    hint="String"
    width="em|percentage">
    Text of the edittext
  </edittext>

form:

Attribute	Definition
id	Provides a unique identifier
margin	Distance from each side to the neighboring element
padding	Distance between the border and the content of the element
submit	Function
validate	Function

  <form 
    id="String"
    submit="Function" 
    validate="Function" 
    padding="em|percentage" 
    margin="em|percentage">
    Content of the form
  </form>

picture:

Attribute	Definition
id	Provides a unique identifier
margin	Distance from each side to the neighboring element
padding	Distance between the border and the content of the element
status	This Boolean attribute indicates that the user cannot interact with the control
align	The align attribute specifies the alignment of an image according to the surrounding element.
load	file path

  <picture
    id="String"
    margin="em|percentage" 
    padding="em|percentage" 
    width="em|percentage" 
    state="enable|disabled"
    align="right|left|center" 
    load="File"> 
  </picture>

picture:

Attribute	Definition
id	Provides a unique identifier
margin	Distance from each side to the neighboring element
padding	Distance between the border and the content of the element
status	This Boolean attribute indicates that the user cannot interact with the control
align	The align attribute specifies the alignment of an image according to the surrounding element.
load	file path

  <picture
    id="String"
    margin="em|percentage" 
    padding="em|percentage" 
    width="em|percentage" 
    state="enable|disabled"
    align="right|left|center" 
    load="File"> 
  </picture>

radiogroup:

Attribute	Definition
id	Provides a unique identifier
margin	Distance from each side to the neighboring element
padding	Distance between the border and the content of the element
status	This Boolean attribute indicates that the user cannot interact with the control
align	The align attribute specifies the alignment of an image according to the surrounding element.
data	object of options

  <radiogroup
    margin="em|percentage" 
    padding="em|percentage" 
    status="enable|disabled"
    align="vertical|horizontal"
    data="{'opcion 1' : 1, 'opcion 2' : 2}"
    id="String">
  </radiogroup>

ratingbar:

Attribute	Definition
id	Provides a unique identifier
margin	Distance from each side to the neighboring element
padding	Distance between the border and the content of the element
value
length

  <ratingbar
    id="String"
    length="Number"
    value="Number"
    margin="em|percentage" 
    padding="em|percentage" >
  </ratingbar>

seekbar:

Attribute	Definition
id	Provides a unique identifier
margin	Distance from each side to the neighboring element
padding	Distance between the border and the content of the element
status	This Boolean attribute indicates that the user cannot interact with the control
value
min
max

  <seekbar
    margin="em|percentage" 
    padding="em|percentage" 
    status="enable|disabled" 
    id="String"
    min="Number"
    max="Number"
    value="Number">
  </seekbar>

spinner:

Attribute	Definition
id	Provides a unique identifier
margin	Distance from each side to the neighboring element
padding	Distance between the border and the content of the element
status	This Boolean attribute indicates that the user cannot interact with the control
hint	Specifies a short hint that describes the expected value of a text area
data	object of options

  <spinner
    margin="em|percentage" 
    padding="em|percentage"
    status="enable|disabled"
    data="Array"
    hint="String"
    id="String" >
  </spinner>

text:

Attribute	Definition
id	Provides a unique identifier
margin	Distance from each side to the neighboring element
padding	Distance between the border and the content of the element
status	This Boolean attribute indicates that the user cannot interact with the control
align	The align attribute specifies the alignment of an text according to the surrounding element.

  <text
    id="String"
    margin="em|percentage" 
    padding="em|percentage" 
    width="em|percentage" 
    state="enable|disabled"
    align="right|left|center"> 
    The text
  </text>

toggle:

Attribute	Definition
id	Provides a unique identifier
margin	Distance from each side to the neighboring element
padding	Distance between the border and the content of the element
status	This Boolean attribute indicates that the user cannot interact with the control
alignText
value

  <toggle
    id="String"
    margin="em|percentage" 
    padding="em|percentage" 
    state="enable|disabled"
    alignText="right|left" 
    value="true|false"> 
    Text of the checkbox
  </toggle>