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>