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>