Pulsante con pannello

BrowseName: DropDownButton
SuperType: Pulsante (Button)
Percorso nella TypeView: Tipi > UI > Contenitori > Pulsante con pannello

Pulsante che al clic apre/chiude un pannello a comparsa.

Come si presenta

../../../_images/ref_DropDownButton_ex.gif

Configurare l’oggetto

La proprietà Nodo alias del pannello permette di specificare il nodo a cui punta l’eventuale alias presente all’interno del pannello. È possibile impostare questo nodo tramite collegamento dinamico ad altro nodo o tramite metodo Cambia pannello, invocato da un NetLogic, da un altro oggetto (ad esempio un pulsante) o da un client OPC UA. In questo modo è possibile impostare lo stesso pannello per diversi pulsanti, ma con alias, e quindi valori visualizzati, differenti.

Usare l’oggetto a runtime

A runtime l’oggetto crea, ad ogni clic di apertura, ed elimina, ad ogni clic di chiusura, i nodi del pannello impostato.

Se non è disponibile abbastanza spazio in larghezza e/o in altezza rispetto alla direzione di apertura impostata, il pannello viene aperto in senso inverso.

Proprietà

Nome

BrowseName

DataType

Descrizione

Pannello

Panel

NodeId

Pannello da visualizzare. Dev’essere un widget.

Nodo alias del pannello

PanelAliasNode

NodeId

Nodo a cui puntare l’eventuale alias presente nel pannello da visualizzare.

Animazione

AnimationType

DropDownButtonAnimationTypeEnum

Tipo di animazione di apertura/chiusura.

Chiusura al click interno

CloseOnClickInside

Boolean

Chiude il pannello a comparsa quando si fa clic all’interno della sua area.

Chiusura al click esterno

CloseOnClickOutside

Boolean

Chiude il pannello a comparsa quando si fa clic al di fuori della sua area.

Direzione

Direction

OrientationEnum

Direzione di apertura/chiusura del pannello, in orizzontale o verticale.

Testo

Text

LocalizedText

Testo inserito e visualizzato
(Ereditato da Pulsante)
Nome del sottostile

Appearance

String

Stile del pulsante
(Ereditato da Pulsante)
Percorso immagine

ImagePath

ResourceUri

Icona da visualizzare nella scheda di navigazione di un oggetto Pannello di navigazione.
(Ereditato da Pulsante)
Posizione immagine

ImagePosition

Position

Posizione dell’immagine da visualizzare
(Ereditato da Pulsante)
Posizione testo

TextPosition

Position

Posizione del testo sull’asse orizzontale e verticale rispetto ai lati dell’oggetto
(Ereditato da Pulsante)
Larghezza dell'immagine

ImageWidth

Size

Larghezza dell’immagine da visualizzare. Il valore Auto imposta la larghezza nativa dell’immagine.
(Ereditato da Pulsante)
Altezza dell'immagine

ImageHeight

Size

Altezza dell’immagine da visualizzare. Il valore Auto imposta l’altezza nativa dell’immagine.
(Ereditato da Pulsante)
A capo automatico

WordWrap

Boolean

Abilita/disabilita l’invio a capo automatico quando il testo è più largo del contenitore. Ignorata quando la larghezza dell’oggetto è automatica o quando è impostata l’abbreviazione del testo.
(Ereditato da Pulsante)
Abbreviazione

Elide

ElideEnum

Modalità di abbreviazione del testo. Inserisce tre punti («…») nella posizione indicata quando il testo è troppo lungo rispetto allo spazio disponibile. Ignorata quando la larghezza dell’oggetto è automatica o quando è impostato l’invio a capo automatico.
(Ereditato da Pulsante)
Famiglia di font

FontFamily

Font

Famiglia di font
(Ereditato da Pulsante)
Spessore font

FontWeight

FontWeightEnum

Spessore del font
(Ereditato da Pulsante)
Font corsivo

FontItalic

Boolean

Abilita/disabilita lo stile corsivo per il testo.
(Ereditato da Pulsante)
Dimensione font

FontSize

Size

Dimensione del font
(Ereditato da Pulsante)
Colore testo

TextColor

Color

Colore del testo da visualizzare
(Ereditato da Pulsante)
Colore sfondo

BackgroundColor

Color

Se Nome del sottostile = Default, Bordered Circular o Bordered Rectangular è il colore del pulsante. Se Nome del sottostile = Accent il colore è quello impostato nel foglio di stile nella proprietà Colore in risalto.
(Ereditato da Pulsante)
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)
Altezza

Height

Size

Altezza della finestra. Può assumere valori maggiori o uguali a zero. Il valore Auto imposta l’altezza uguale all’altezza 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)