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 | numero di righe visibili da cui deve essere composto il layout (insieme a "row_height" darà l'altezza della struttura) può non essere specificato nel caso in cui "scroll" = "vertical": in questo caso la struttura deve occupare tutto lo spazio visibilenumbor of visibile rows | |
| row_height | int | altezza in px valida per tutte le righe il contenuto può essere più o meno alto, ed in quest'ultimo caso deve essere tagliato | rows height |
| valign | "top" | "middle" | "bottom" | allineamento verticale della struttura rispetto alla pagina nel caso in cui sia specificato "nrows" table vertical alignment | |
| halign | "left" | "center" | "right" | allineamento orizzontale della struttura rispetto alla pagina nel caso in cui "width" sia diverso da "100%" table horizontal alignment | |
| width | int (Es. 80 ->80%) | larghezza (in valore percentuale rispetto alla pagina) della strutturatable width | |
| scroll | "vertical" | "horizontal" | direzione di scroll per il contenuto della struttura
| scrolling direction |
| cell_margin | [int,int,int,int] | margini intorno alla cella la variabile contiene un array di 4 interi con il rispettivo significatocell margins [margintop, marginright, marginbottom, marginleft] | |
| colorscheme | see below | colorscheme del colore di sfondo delle celle impostato per colonne pari/dispari e righe pari/dispari il colore di sfondo della cella dovrà seguire questa priorità:background color for odd / even rows
| |
| banners | see below | banners options | |
| tabslide | see below | tabslide options | |
| lowpanel | see below | lowpanel options | |
ixedmenu_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 | colore da utilizzare come sfondo delle righe dispari |
| row_odd_bgalpha | float | trasparenza del colore di sfondo delle righe dispari |
| row_even_bgcolor | string | colore da utilizzare come sfondo delle righe pari |
| row_even_bgalpha | float | trasparenza del colore di sfondo delle righe pari |
| col_odd_bgcolor | string | colore da utilizzare come sfondo delle colonne dispari |
| col_odd_bgalpha | float | trasparenza del colore di sfondo delle colonne dispari |
| col_even_bgcolor | string | colore da utilizzare come sfondo delle colonne pari |
| col_even_bgalpha | float | trasparenza del colore di sfondo delle colonne pari |
tabslide
chiave | valore | ruolo |
|---|---|---|
bg_bgcolor (era: bg_color) | string | colore da utilizzare come sfondo di tutta la barra |
bg_bgalpha (era: bg_alpha) | float | trasparenza del colore di sfondo di tutta la barra |
text_color | string | colore da utilizzare per il testo |
text_alpha | float | trasparenza del colore del testo |
selected_color | string | colore da utilizzare per il bordo inferiore dell'elemento selezionato |
selected_alpha | float | trasparenza del colore per il bordo inferiore dell'elemento selezionato |
lowpanel
chiave | valore | ruolo |
|---|---|---|
bg_bgcolor | string | colore da utilizzare come sfondo di tutta la barra |
bg_bgalpha | float | trasparenza del colore di sfondo di tutta la barra |
text_color | string | colore da utilizzare per il testo |
text_alpha | float | trasparenza del colore del testo |
| selected_bg_bgcolor | string | colore da utilizzare come sfondo della cella selezionata |
| selected_bg_bgalpha | float | trasparenza del colore di sfondo della cella selezionata |
| selected_text_color | string | colore da utilizzare per il testo della cella selezionata |
| selected_text_alpha | float | trasparenza del colore del testo della cella selezionata |
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 |
|---|---|---|
| text_position | "top" | "bottom" | "right" | "left" | posizione del blocco del testo rispetto all'immagine |
| cell_valign | "top" | "middle" | "bottom" | allineamento del contenuto della cella rispetto ad essa
|
| text_valign | "top" | "middle" | "bottom" | allineamento verticale del blocco del testo rispetto alla cella da utilizzare soltanto
|
| img_style | "default" | "fill" | "fill-resize" | riempimento dell'immagine rispetto alla cella |
| imgsize | [int,int] default [80,80] | |
| img_valign | "top" | "middle" | "bottom" | allineamento verticale dell'immagine rispetto alla cella da utilizzare soltanto
|
| img_halign | "left" | "center" | "right" | allineamento orizzontale dell'immagine rispetto alla cella da utilizzare soltanto
|
| overlay | true | false | overlay del testo rispetto alla cella |
| text_align | "left" | "center" | "right" | allineamento del contenuto all'interno del blocco del testo |
| bg_bgcolor (era:bgcolor) | string | colore da utilizzare come sfondo della cella |
| bg_bgalpha (era: bgalpha) | float | trasparenza del colore di sfondo della cella |
| text_bgcolor | string | colore da utilizzare come sfondo del blocco di testo |
| text_bgalpha | float | trasparenza del colore di sfondo del blocco di testo |
| title_color | string | colore da utilizzare per il titolo della cella |
| title_alpha | float | trasparenza del colore per il titolo della cella |
| desc_color | string | colore da utilizzare per la descrizione della cella |
| desc_alpha | float | trasparenza del colore per la descrizione della cella |
| tablet_bgcolor | string | colore da utilizzare come sfondo della cella nei tablet |
| tabtet_bgalpha | float | trasparenza del colore di sfondo della cella nei tablet |
| tablet_title_color | string | colore da utilizzare per il titolo della cella nei tablet |
| tablet_title_alpha | float | trasparenza del colore per il titolo della cella nei tablet |