Widget Pannello dinamico (con tema applicato)
 |
Il widget Pannello dinamico è disponibile come widget standard nella piattaforma e come componente Web che è possibile importare da un SDK.
|
Il widget Pannello dinamico è un tipo di contenitore che gli utenti possono regolare dinamicamente in fase di esecuzione. È possibile utilizzare il widget per mostrare o nascondere un contenitore in un mashup. Può essere ancorato a sinistra, a destra, in alto o in basso rispetto al contenitore padre. È possibile regolare la larghezza del pannello e aprire e comprimere dinamicamente il pannello in fase di esecuzione. Utilizzando il pannello dinamico si possono fornire informazioni o input di modulo aggiuntivi correlati al contenitore principale in un layout.
1. Pulsante Espandi e Comprimi
2. Contenitore laterale
3. Maniglia di trascinamento
4. Contenitore principale
Configurazione del pannello come sezioni comprimibili
È possibile utilizzare la proprietà DynamicPanelType per configurare il widget come sezioni comprimibili. L'utilizzo di questa variante consente di risparmiare spazio nascondendo i dettagli o i controlli non essenziali dal layout principale. Gli utenti possono espandere e comprimere manualmente le sezioni in base alle esigenze. A differenza del pannello regolabile, i contenitori non aumentano automaticamente di dimensioni per riempire lo spazio disponibile nel layout e le relative altezze cambiano in base al contenuto.
1. Pulsante Espandi e Comprimi
2. Corpo della sezione
3. Intestazione della sezione
|
|
Per visualizzare un mashup contenuto nella sezione del corpo del pannello dinamico, è necessario specificare un valore nella proprietà SectionBodyMinHeight.
|
Proprietà del widget
|
Nome proprietà
|
Descrizione
|
Tipo di base
|
Valore di default
|
Associabile? (Y/N)
|
Localizzabile? (Y/N)
|
||
|---|---|---|---|---|---|---|---|
|
TabSequence
|
Imposta la sequenza di evidenziazione del widget quando si preme TAB.
|
NUMBER
|
n/d
|
N
|
N
|
||
|
SectionBodyMaxHeight
|
Imposta l'altezza dell'intestazione della sezione.
|
NUMBER
|
Ridimensionamento automatico
|
N
|
N
|
||
|
SectionBodyMinHeight
|
Imposta l'altezza minima dell'intestazione della sezione.
|
NUMBER
|
Ridimensionamento automatico
|
N
|
N
|
||
|
SectionHeaderHeight
|
Imposta l'altezza dell'intestazione della sezione.
|
NUMBER
|
Ridimensionamento automatico
|
N
|
N
|
||
|
HideTriggerButton
|
Nasconde il pulsante trigger.
|
BOOLEAN
|
False
|
N
|
N
|
||
|
HideDragHandle
|
Nasconde la maniglia di trascinamento.
|
BOOLEAN
|
False
|
N
|
N
|
||
|
Disabled
|
Disattiva il widget nel mashup. Il widget viene visualizzato ma non è utilizzabile.
|
BOOLEAN
|
False
|
Y
|
N
|
||
|
DynamicPanelType
|
Controlla il tipo di pannello dinamico. È possibile visualizzare un pannello regolabile o una sezione comprimibile.
|
STRING
|
Pannello regolabile
|
N
|
N
|
||
|
CustomClass
|
Definisce la classe CSS da applicare all'elemento div superiore del widget. Quando si immettono più classi, separare ogni classe con uno spazio.
|
STRING
|
n/d
|
Y
|
N
|
||
|
PanelSize
|
Imposta la dimensione del pannello.
|
STRING
|
220
|
Y
|
N
|
||
|
ClickOutsideToClose
|
Chiude il pannello quando si fa clic all'esterno di esso.
|
BOOLEAN
|
False
|
Y
|
N
|
||
|
Behavior
|
Imposta il pannello su Push del contenuto o Fly over.
|
STRING
|
Push Content
|
Y
|
N
|
||
|
AnimationSpeed
|
Imposta la velocità di animazione del pannello, che si espande e comprime, come Alta, Media o Bassa.
|
STRING
|
Normale
|
Y
|
N
|
||
|
MinSizeWhenExpanded
|
Imposta la larghezza minima del pannello quando viene espanso lungo l'asse orizzontale. Il valore minimo è 34 pixel.
Se il pannello si trova nella parte superiore, questa proprietà definisce l'altezza lungo l'asse verticale.
|
STRING
|
50
|
Y
|
N
|
||
|
MaxSizeWhenExpanded
|
Imposta la larghezza massima del pannello quando viene espanso lungo l'asse orizzontale.
Se il pannello si trova nella parte superiore, questa proprietà definisce l'altezza lungo l'asse verticale.
|
STRING
|
100%
|
Y
|
N
|
||
|
SizeWhenCollapsed
|
Imposta la larghezza del pannello quando viene compresso lungo l'asse orizzontale.
Se il pannello si trova nella parte superiore, questa proprietà definisce l'altezza lungo l'asse verticale.
|
STRING
|
n/d
|
Y
|
N
|
||
|
AnchorLocation
|
Imposta la posizione dell'ancora su A sinistra, In alto, A destra o In basso nel pannello.
|
STRING
|
A sinistra
|
Y
|
N
|
||
|
Collapsed
|
Imposta e recupera lo stato compresso del pannello dinamico in fase di esecuzione.
|
BOOLEAN
|
False
|
Y
|
N
|
||
|
TriggerButtonLocation
|
Imposta la posizione del pulsante trigger su In alto, Al centro, In basso, Pannello o Nessuna.
|
STRING
|
In alto
|
Y
|
N
|
||
|
TriggerButtonType
|
Imposta il tipo di pulsante trigger su Freccia doppia, Freccia singola, Più/Meno o Chiusura.
|
STRING
|
Freccia doppia
|
Y
|
N
|
||
|
TriggerButtonSide
|
Controlla la posizione del pulsante di attivazione sull'intestazione quando il widget viene configurato come sezione comprimibile.
|
STRING
|
A sinistra
|
Y
|
N
|
||
|
TriggerButtonIcon
|
Specifica l'icona da visualizzare per il pulsante trigger quando il widget viene configurato come sezione comprimibile. Opzioni: Freccia singola, Triangolo
|
STRING
|
Freccia singola
|
Y
|
N
|
||
|
ToggleExpandCollapse
|
Quando viene attivata, espande il pannello, se è compresso, o lo comprime, se è espanso.
|
n/d
|
n/d
|
Y
|
N
|
||
|
Expand
|
Quando viene attivata, espande il pannello dinamico.
|
n/d
|
n/d
|
Y
|
N
|
||
|
Collapse
|
Quando viene attivata, comprime il pannello dinamico.
|
n/d
|
n/d
|
Y
|
N
|
||
|
ResetToDefaultValue
|
Ripristina i valori di default di tutti i widget incorporati.
|
n/d
|
n/d
|
Y
|
N
|
||
|
ResetInputsToDefaultValue
|
Ripristina i valori di default dell'input per il widget Pannello dinamico.
|
n/d
|
n/d
|
Y
|
N
|
||
|
HandleTooltipField
|
Visualizza una descrizione comando quando si passa il mouse sulla maniglia.
|
STRING
|
n/d
|
Y
|
Y
|
||
|
HandleTooltipIcon
|
Imposta l'immagine di un'icona per la descrizione comando della maniglia.
|
Entità multimediale
|
n/d
|
N
|
N
|
||
|
TriggerButtonTooltipField
|
Visualizza una descrizione comando quando si passa il mouse sul pulsante trigger.
|
STRING
|
n/d
|
Y
|
Y
|
||
|
TriggerButtonTooltipIcon
|
Imposta l'immagine di un'icona per la descrizione comando del pulsante trigger.
|
Entità multimediale
|
n/d
|
N
|
N
|