Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Each Page have a layout definition described in the layout and layoutoption keys.

...

 

key
value
description
rotationbooleanenable rotation (global value to set on homepage)
hideTitlebooleanhide cell title
hideDescriptionbooleanhide cell description
nrowsintnumbor of visibile rows
row_heightint

rows height

valign"top" | "middle" | "bottom"

table vertical alignment

halign"left" | "center" | "right"

table horizontal alignment

widthint (Es. 80 ->80%)table width
scroll"vertical" | "horizontal"

scrolling direction

cell_margin[int,int,int,int]

cell margins [margintop, marginright, marginbottom, marginleft]

colorschemesee below

background color for odd / even rows

  • cella (più importante) > colonna > riga (meno importante)
bannershash (see below)banners options
tabslidehash (see below)tabslide options
lowpanelhash (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

keyvaluedescription
row_odd_bgcolorstringodd row background color
row_odd_bgalphafloatodd row background color alpha
row_even_bgcolorstringeven row background color
row_even_bgalphafloateven row background color alpha
col_odd_bgcolorstringodd column background color
col_odd_bgalphafloatodd column background color apha
col_even_bgcolorstringeven column background color
col_even_bgalphafloateven column background color apha

tabslide

key
value
description

bg_bgcolor 

stringbackground color

bg_bgalpha 

floatbackground color alpha

text_color

stringtext color

text_alpha

floattext color alpha

selected_color

stringselected element color

selected_alpha

floatselected element color alpha

lowpanel

chiave
valore
ruolo

bg_bgcolor 

stringbackground color

bg_bgalpha 

floatbackground color alpha

text_color

stringtext color

text_alpha

floattext color alpha
selected_bg_bgcolorstringselected background color
selected_bg_bgalphafloatselected background color alpha
selected_text_colorstringselected text color
selected_text_alphafloatselected 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")

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, fixedmenutext_position (con valore di default "right"), text_align (con valore di default "left"), text_bgcolortext_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_bgcolortext_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
overlaytrue | falsetext 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

  • se "text-posizion" = "left" | "right" e "overlay" = false, viene utilizzato come valore di default di "text-valign" e "img-valign" se questi non sono specificati in aggiunta
  • se "text-position" = "top" | "bottom" e "overlay" = false, viene utilizzato come valore di allineamento di entrambi immagine e testo
text

vertical alignment of the cell content

text_valign"top" | "middle" | "bottom"allineamento verticale del blocco del testo rispetto alla cella

da utilizzare soltanto

  • se "text-position" = "left" | "right"
  • se "overlay" = true
    text vertical alignment
    img_style"default" | "fill" | "fill-resize"

    riempimento dell'immagine rispetto alla cellaimage styling

    Illustrazione

    imgsize[int,int] default [80,80]
    img_valign"top" | "middle" | "bottom"

    allineamento verticale dell'immagine rispetto alla cella

    da utilizzare soltanto

  • se "text-position" = "left" | "right"
  • se "overlay" = true
    image vertical alignment
    img_halign"left" | "center" | "right"

    allineamento orizzontale dell'immagine rispetto alla cella

    da utilizzare soltanto

    • se "text-position" = "top" | "bottom"
    • se "overlay" = true
    overlaytrue | 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 cellacell background color
    bg_bgalpha (era: bgalpha)floattrasparenza del colore di sfondo della cellacell background color alpha
    text_bgcolorstringcolore da utilizzare come sfondo del blocco di testocell text background color
    text_bgalphafloattrasparenza del colore di sfondo del blocco di testocell text background color alpha
    title_colorstringcolore da utilizzare per il titolo della cellacell title color
    title_alphafloattrasparenza del colore per il titolo della cellacell title color alpha
    desc_colorstringcolore da utilizzare per la descrizione della cellacell description color
    desc_alphafloattrasparenza del colore per la descrizione della cellacell description color alpha
    tablet_bgcolorstringcolore da utilizzare come sfondo della cella nei tablettablet cell background color
    tabtet_bgalphafloattrasparenza del colore di sfondo della cella nei tablettablet cell background color alpha
    tablet_title_colorstringcolore da utilizzare per il titolo della cella nei tablettablet cell title color
    tablet_title_alphafloattrasparenza del colore per il titolo della cella nei tablettablet cell title color alpha