Gruppo di input

Consente agli utenti di aggiungere un'icona, un testo o un menu alle viste di input, ad esempio data, ora, testo e così via. Modifica la propria dimensione con quella della vista del modulo contenuto.

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 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.
Le proprietà di configurazione dell'aspetto per la vista Gruppo di input sono elencate nella tabella seguente:
Tabella 1. Proprietà di configurazione dell'aspetto per il gruppo Input
Proprietà di configurazione dell'aspetto Descrizione Tipo di dati
Larghezza Icona Dimensioni schermo 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 Icona Dimensioni schermo La posizione dell'etichetta per questa vista. Una posizione a sinistra dell'etichetta modifica la larghezza specificata della vista. String
Larghezza etichetta Icona schermo grande 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 Immagine di una vista 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

Se il gruppo di input è nidificato all'interno di una sezione impostata su read only, ad esempio un layout orizzontale o verticale, l'icona diventa leggermente più nitida.
Immagine di una vista Dim Integer
Un'icona di dim può essere scomoda se altre viste di icone al di fuori della sezione di sola lettura sono impostate sullo stesso colore. Per assicurarsi che il colore dell'icona non cambi quando è nidificata in una sezione di sola lettura, è possibile impostare il gestore eventi on load per utilizzare il metodo 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.
È possibile utilizzare la logica JavaScript per modificare gli effetti della vista. Per la vista Gruppo di input, è possibile attivare i seguenti gestori eventi:
  • 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.