mml

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>