Gruppo di input
Proprietà di configurazione
In Configurazione, impostare o modificare le proprietà di configurazione per la vista.
- Dimensione schermo
- Una proprietà di configurazione che ha l'icona Dimensioni schermo
accanto al nome proprietà può avere valori differenti per ciascuna dimensione schermo. Se non si imposta un valore, la dimensione dello schermo eredita il valore della dimensione dello schermo successivo più grande come valore predefinito.
- Definizioni del tema
- Le definizioni dei temi specificano i colori e gli stili per una vista e ne determinano l'aspetto. È possibile visualizzare l'anteprima dell'aspetto delle viste nell'editor del tema. Consultare Temi.
Proprietà di configurazione dell'aspetto | Descrizione | Tipo di dati |
---|---|---|
Larghezza ![]() |
La larghezza della vista. È possibile specificare la larghezza in px (pixel),% (percentuale) o unità em. Ad esempio, 50px, 20% o 0.4em. Se non viene specificato un tipo di unità, viene utilizzato px. | String |
Posizionamento etichetta ![]() |
La posizione dell'etichetta per questa vista. Una posizione a sinistra dell'etichetta modifica la larghezza specificata della vista. | String |
Larghezza etichetta ![]() |
La larghezza dell'etichetta. È possibile specificare la larghezza in px (pixel),% (percentuale) o unità em. Ad esempio, 50px, 20% o 0.4em. Se non viene specificato un tipo di unità, viene assunto px. | String |
Stile colore | Lo stile di colore per la vista. I colori corrispondono alle variabili del tema specificato. | String |
Posizione pulsante | La posizione del pulsante relativa al campo. | String |
Tipo di pulsante | È possibile creare la vista come un'icona selezionabile, un campo di testo o un menu. Utilizzare l'opzione Menu con una vista Menu a comparsa. Per ulteriori informazioni su questa vista, consultare Menu a comparsa. | String |
Informazioni pulsante | Il nome dell'icona. Consultare Font Awesome V4.7.0 per un elenco completo delle icone. |
String |
Esempio
Per creare un gruppo di input con un'icona calcolatrice accanto a un campo di immissione Intero , rilasciare una vista Intero in un gruppo di input e impostare le seguenti opzioni del gruppo di input:
- Lasciare vuoto il campo Larghezza .
- Impostare Posizione etichetta su Inizio.
- Impostare Stile colore su Principale.
- Impostare Ubicazione pulsante su Sinistra.
- Impostare Tipo di pulsante su Icona.
- Impostare Button info su calculator.
Configurazione del gruppo di input in una sezione di sola lettura
read only
, ad esempio un layout orizzontale o verticale, l'icona diventa leggermente più nitida.
setEnabled
.me.setEnabled(true)
Eventi
Impostare o modificare i gestori eventi per la vista nella scheda Eventi . È possibile impostare gli eventi da attivare in modo programmatico o quando un utente interagisce con la vista. Per informazioni su come definire e codificare gli eventi, vedere Eventi definiti dall'utente.- On load quando la pagina viene caricata, ad esempio
me.setIcon("rocket");
- On button click quando si fa clic su un'icona utilizzata come pulsante, ad esempio
${PopupMenu1}.setMenuVisible(!${PopupMenu1}.isMenuVisible())
Metodi
Per ulteriori informazioni sui metodi disponibili, vedi l'API Input group JavaScript .
Ulteriori risorse
Per informazioni su come creare un coach o una pagina, consultare Creazione di coach.
Per informazioni sulle proprietà standard (Generale, Configurazione, Posizionamento, Visibilitàe Attributi HTML), consultare Visualizza proprietà.
Per ulteriori informazioni sulle viste di input, consultare Testo normale, Area di testo, Selezionatore data/ora, Intero.