Each Page have a layout definition described in the layout and layoutoption keys.
...
key | value | description |
---|---|---|
rotation | boolean | enable rotation (global value to set on homepage) |
hideTitle | boolean | hide cell title |
hideDescription | boolean | hide cell description |
nrows | int | numbor of visibile rows |
row_height | int | rows height |
valign | "top" | "middle" | "bottom" | table vertical alignment |
halign | "left" | "center" | "right" | table horizontal alignment |
width | int (Es. 80 ->80%) | table width |
scroll | "vertical" | "horizontal" | scrolling direction |
cell_margin | [int,int,int,int] | cell margins [margintop, marginright, marginbottom, marginleft] |
colorscheme | see below | background color for odd / even rows
|
banners | hash (see below) | banners options |
tabslide | hash (see below) | tabslide options |
lowpanel | hash (see below) | lowpanel options |
fixedmenu_width | int | fixedmenu size in pixel |
banners
- banners are shown under the header bar;
- there can only be one banner of type "web" or "text", while if there are more "image" ones a horizontal slider is used;
- in case of type "web" or "text" the webview height is defined in %.
Code Block |
---|
"banners":{ "portrait":[{ "type":"web", "url":"an_url", "height":20 },{ "type":"text", "txt":"base_64_encode_txt", "height":20 }], "landscape":[{ "type":"image", "url":"an_image_url" },{ "type":"image", "url":"another_image_url" }], "shadow":true|false } |
Colorscheme
1 index based, so first row and column are odd
key | value | description |
---|---|---|
row_odd_bgcolor | string | odd row background color |
row_odd_bgalpha | float | odd row background color alpha |
row_even_bgcolor | string | even row background color |
row_even_bgalpha | float | even row background color alpha |
col_odd_bgcolor | string | odd column background color |
col_odd_bgalpha | float | odd column background color apha |
col_even_bgcolor | string | even column background color |
col_even_bgalpha | float | even column background color apha |
tabslide
key | value | description |
---|---|---|
bg_bgcolor | string | background color |
bg_bgalpha | float | background color alpha |
text_color | string | text color |
text_alpha | float | text color alpha |
selected_color | string | selected element color |
selected_alpha | float | selected element color alpha |
lowpanel
chiave | valore | ruolo |
---|---|---|
bg_bgcolor | string | background color |
bg_bgalpha | float | background color alpha |
text_color | string | text color |
text_alpha | float | text color alpha |
selected_bg_bgcolor | string | selected background color |
selected_bg_bgalpha | float | selected background color alpha |
selected_text_color | string | selected text color |
selected_text_alpha | float | selected text color alpha |
Cell
Premesse:
- tutte le chiavi seguenti sono contenute in una chiave "cell" che si trova nella hash della categoria (allo stesso livello di layoutoption)
- il blocco del testo avrà sempre larghezza uguale a tutto lo spazio disponibile nella cella (100% della cella quando "text-position" = "top" | "bottom" 1, la larghezza della cella meno la larghezza dell'immagine quando "text-position" = "left" | "right")
1 anche in caso di overlay = true
NOTA (in caso di layout list, fixedmenu, lowpanel4, lowpanel5): in questi casi devono essere utilizzate solo le chiavi di seguito specificate
- list, fixedmenu: text_position (con valore di default "right"), text_align (con valore di default "left"), text_bgcolor + text_bgalpha, title_color + title_alpha, desc_color + desc_alpha), imgsize
- lowpanel4, lowpanel5: text_position (con valore di default "bottom"), text_align (con valore di default "center"), text_bgcolor + text_bgalpha)
un array di interi contenente larghezza ed altezza dell'immagine, da utilizzare sempre in caso di
- "overlay" = false
- "overlay" = true e "img-style" = "default"
"overlay" = true e "img-style" = "fill-resize" ?
Il primo elemento dell'array rappresenta la larghezza, il secondo l'altezza [width,height]
chiave | valore | ruolo | |
---|---|---|---|
key | value | description | |
overlay | true | false | text overlayed on image | |
text_position | "top" | "bottom" | "right" | "left" | posizione del blocco del testo rispetto all'immagineposition of the text relative to the image | |
cell_valign | "top" | "middle" | "bottom" | allineamento del contenuto della cella rispetto ad essa
| text vertical alignment of the cell content |
text_valign | "top" | "middle" | "bottom"allineamento verticale del blocco del testo rispetto alla cella da utilizzare soltanto | text vertical alignment | |
img_style | "default" | "fill" | "fill-resize" | riempimento dell'immagine rispetto alla cellaimage styling | |
imgsize | [int,int] default [80,80] | ||
img_valign | "top" | "middle" | "bottom" allineamento verticale dell'immagine rispetto alla cella da utilizzare soltanto | image vertical alignment | |
img_halign | "left" | "center" | "right" | allineamento orizzontale dell'immagine rispetto alla cella da utilizzare soltanto
| |
overlay | true | false | overlay del testo rispetto alla cella | |
textimage horizontal alignment | |||
text_align | "left" | "center" | "right" | allineamento del contenuto all'interno del blocco del testotext alignment | |
bg_bgcolor (era:bgcolor) | stringcolore da utilizzare come sfondo della cella | cell background color | |
bg_bgalpha (era: bgalpha) | floattrasparenza del colore di sfondo della cella | cell background color alpha | |
text_bgcolor | stringcolore da utilizzare come sfondo del blocco di testo | cell text background color | |
text_bgalpha | floattrasparenza del colore di sfondo del blocco di testo | cell text background color alpha | |
title_color | stringcolore da utilizzare per il titolo della cella | cell title color | |
title_alpha | floattrasparenza del colore per il titolo della cella | cell title color alpha | |
desc_color | stringcolore da utilizzare per la descrizione della cella | cell description color | |
desc_alpha | floattrasparenza del colore per la descrizione della cella | cell description color alpha | |
tablet_bgcolor | stringcolore | da utilizzare come sfondo della cella nei tablettablet cell background color | |
tabtet_bgalpha | floattrasparenza | del colore di sfondo della cella nei tablettablet cell background color alpha | |
tablet_title_color | stringcolore | da utilizzare per il titolo della cella nei tablettablet cell title color | |
tablet_title_alpha | floattrasparenza | del colore per il titolo della cella nei tablettablet cell title color alpha |