Accordion

BrowseName: Accordion
SuperType: Contenitore (Container)
Percorso nella TypeView: Tipi > UI > Contenitori > Accordion

Espande o riduce blocchi di contenuto al clic dell’utente.

Come si presenta

../../../_images/accordion.gif

Applicazioni

Tipicamente utilizzato per mostrare/ridurre blocchi di contenuto secondario in un pannello. L’intestazione dell’oggetto è utile per descriverne il contenuto.

Configurare l’oggetto

Configurare il layout dell’oggetto

  1. Per impostare la visualizzazione iniziale dell’oggetto a runtime, nella proprietà Espanso scegliere Vero per visualizzare l’oggetto espanso, oppure Falso per visualizzarlo compresso.

  2. Impostare la proprietà Altezza degli oggetti contenitori figli Intestazione e Contenuto con il valore desiderato, oppure impostare Auto per adattare i contenitori al contenuto.

  3. Per modificare la posizione della freccia in intestazione o per nasconderla, nel foglio di stile, nel gruppo Stile accordion impostare la proprietà Posizione icona intestazione (vedere Foglio di stile).

Aggiungere contenuto

  1. Nell’oggetto Intestazione inserire il contenuto desiderato (oggetti grafici, testo) per descrivere il contenuto dell’oggetto Accordion quando è compresso (es. un oggetto Etichetta).

  2. Nell’oggetto Contenuto inserire il contenuto desiderato (oggetti grafici, testo) da visualizzare quando l’oggetto Accordion è espanso.

Proprietà

Nome

BrowseName

DataType

Descrizione

Espanso

Expanded

Boolean

Stato dell’oggetto a runtime (Vero: l’oggetto è espanso, Falso: l’oggetto è compresso)

Height

Size

Intestazione

Header

Intestazione

Intestazione dell’accordion

Contenuto

Content

Contenuto

Contenuto dell’accordion

Visibilità

Visible

Boolean

Mostra/nasconde la finestra.
(Ereditato da Elemento)
Abilitato

Enabled

Boolean

Abilita/disabilita l’interazione da parte dell’utente (Vero = abilitato, Falso = disabilitato).
(Ereditato da Elemento)
Opacità

Opacity

Float

Livello di opacità (0 = trasparente)
(Ereditato da Elemento)
Margine sinistro

LeftMargin

Size

(Solo se Allineamento orizzontale = Sinistra o Centro o Adatta) Distanza tra il bordo sinistro dell’oggetto e il bordo sinistro del suo contenitore.
(Ereditato da Elemento)
Margine superiore

TopMargin

Size

(Solo se Allineamento verticale = Superiore o Centro o Adatta) Distanza tra il bordo superiore dell’oggetto e il bordo superiore del suo contenitore.
(Ereditato da Elemento)
Margine destro

RightMargin

Size

(Solo se Allineamento orizzontale = Destra o Centro o Adatta) Distanza tra il bordo destro dell’oggetto e il bordo destro del suo contenitore.
(Ereditato da Elemento)
Margine inferiore

BottomMargin

Size

(Solo se Allineamento verticale = Inferiore o Centro o Adatta) Distanza tra il bordo inferiore dell’oggetto e il bordo inferiore del suo contenitore.
(Ereditato da Elemento)
Larghezza

Width

Size

Larghezza della finestra. Può assumere valori maggiori o uguali a zero. Il valore Auto imposta la larghezza uguale alla larghezza del contenuto (in questo caso, in mancanza di contenuto l’oggetto collassa).
(Ereditato da Elemento)
Allineamento orizzontale

HorizontalAlignment

HorizontalAlignment

Allineamento dell’oggetto sull’asse orizzontale. Sinistra = il lato sinistro viene posizionato sul lato sinistro del contenitore, a meno di margine sinistro; Destra = il lato destro viene posizionato sul lato destro del contenitore, a meno di margine destro; Centro = il centro dell’oggetto viene posizionato al centro del contenitore, a meno di margini sinistro e/o destro; Adatta = la larghezza dell’oggetto equivale alla larghezza del contenitore, a meno di margini sinistro e/o destro.
(Ereditato da Elemento)
Allineamento verticale

VerticalAlignment

VerticalAlignment

Allineamento dell’oggetto sull’asse verticale. Superiore = il lato superiore viene posizionato sul lato superiore del contenitore, a meno di margine superiore; Inferiore = il lato inferiore viene posizionato sul lato inferiore del contenitore, a meno di margine inferiore; Centro = il centro dell’oggetto viene posizionato al centro del contenitore, a meno di margini superiore e/o inferiore; Adatta = l’altezza dell’oggetto equivale all’altezza del contenitore, a meno di margini superiore e/o inferiore.
(Ereditato da Elemento)
Rotazione

Rotation

Size

Rotazione dell’oggetto rispetto al suo centro. I valori positivi indicano gradi sessagesimali in senso orario.
(Ereditato da Elemento)

Vedi anche

Riferimenti

Contenuto

Intestazione