|
|
@@ -0,0 +1,54 @@ |
|
|
|
The NTRML (NeTRunner Markup Language) is a way to define a User Interface built with the NeTRunner framework. NTRML mimics HTML to provide some familiarity to those already familiar with HTML. |
|
|
|
|
|
|
|
Colors are defined with an 8 hexadecimal digits. First 2 are Red, next 2 are Green, next 2 are Blue and the final 2 are Alpha. An Red of FF is bright red. An alpha of FF is opaque. |
|
|
|
|
|
|
|
If a tag is marked positional below, then it supports the following attributes: |
|
|
|
|
|
|
|
You only can use 2 of the following 3 to position and size your component: |
|
|
|
height (optional) - height in pixels or percentage |
|
|
|
top (optional) - top in pixels or percentage |
|
|
|
bottom (optional) - bottom in pixels or percentage |
|
|
|
|
|
|
|
You only can use 2 of the following 3 to position and size your component: |
|
|
|
width (optional) - width in pixels or percentage |
|
|
|
left (optional) - left in pixels or percentage |
|
|
|
right (optional) - right in pixels or percentage |
|
|
|
|
|
|
|
TAGS |
|
|
|
|
|
|
|
body - wraps around everything to provide some default values |
|
|
|
body.color - set default text color |
|
|
|
body.bgcolor - set default background color |
|
|
|
|
|
|
|
layer - we draw back to front. This gives you a way to order your controls. |
|
|
|
|
|
|
|
img - renders an image |
|
|
|
img.name - label for debugging |
|
|
|
img.src - filename to load (currently only pnm/pam supported) |
|
|
|
img is positional |
|
|
|
|
|
|
|
tabSelector - where to place the tab selector |
|
|
|
tabSelector.color - set text color |
|
|
|
tabSelector.hover - set hover color |
|
|
|
tabSelector is positional |
|
|
|
|
|
|
|
box - renders a box shape |
|
|
|
box.color - shape color |
|
|
|
box.hover - hover color |
|
|
|
box.onclick - functionality if clicked |
|
|
|
box is positional |
|
|
|
|
|
|
|
input - an input box control |
|
|
|
input.color - text color |
|
|
|
input.bgcolor - background color |
|
|
|
input.onclick - functionality if clicked |
|
|
|
input.fontSize - font size in pixels |
|
|
|
input is positional |
|
|
|
|
|
|
|
font - renders text |
|
|
|
font.src - font to use (ttf supported) |
|
|
|
font.family - will eventually support web-safe fonts |
|
|
|
font.size - text size in pixels |
|
|
|
font.color - set default text color |
|
|
|
font.bgcolor - set default background color |
|
|
|
font is positional |