Avviso modale

Crea un'avvertenza che avvisa gli utenti su qualcosa di importante e gli chiede di effettuare l'azione appropriata prima di chiudere la finestra di avviso.

Proprietà di configurazione

In Configurazione, impostare o modificare le proprietà di aspetto e comportamento 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.

Le proprietà di configurazione dell'aspetto per la vista Avviso modale sono mostrate nella seguente tabella:

Tabella 1. Proprietà di configurazione dell'aspetto per l'avviso modale
Proprietà di configurazione dell'aspetto	Descrizione	Tipo di dati
Stile colore	Specifica il colore e l'icona per l'avviso modale. I colori corrispondono alle variabili del tema specificato.	`String`
Etichetta pulsante	L'etichetta del pulsante all'interno dell'avviso modale. L'etichetta predefinita è `OK`.	`String`
Guida	Il testo visualizzato nell'avviso. È possibile utilizzare tag html di base, ad esempio, `<b></b>`. Nota: questa proprietà si trova nella scheda delle proprietà Generale .

Esempio

Ad esempio, si supponga di voler visualizzare una finestra di dialogo di avvertenza che l'utente deve chiudere prima di poter tornare alla schermata principale. Generalmente, la finestra di dialogo viene caricata in modo programmatico, ma per scopi dimostrativi si utilizza un pulsante per avviare la finestra di dialogo.

Aprire il servizio con interazione dell'utente lato client con cui si sta lavorando.
Nella pagina iniziale dell'IU, trascina una vista Modal alert e una vista Button nell'editor.
Selezionare la vista Avviso modale nell'area di disegno e fare clic su Proprietà per impostare le proprietà della vista:
- In Configurazione > Aspetto, impostare Stile colore su Avvertenzae specificare Close per l' Etichetta pulsante.
- In Generale, immettere il testo seguente nel campo Guida :
```
This text appears inside the <b>Modal alert</b>
```
- In Visibilità, impostare la visibilità su Nascosto.
Selezionare la vista Pulsante e fare clic su Proprietà ) per impostare le proprietà della vista:
- In Generale, specificare Alert come etichetta pulsante.
- In Configurazione > Aspetto, impostare Stile colore su Avvertenza e la larghezza su 100%.
- In Eventi, configurare l'evento on click in modo che l'avviso modale venga caricato quando si fa clic sul pulsante. Immettere il seguente codice nell'evento on click :
```
${Modal_Alert1}.setVisible(true);
```
  Suggerimento: Modal_Alert1 è l'ID di controllo della vista avviso modale creata. Per ottenere l'ID di controllo, andare alla pagina Configurazione > Generale .
In fase di runtime, viene aperto un browser che visualizza il pulsante Avviso :
Fare clic su Avviso . Viene visualizzato l'avviso modale:
Fare clic su Chiudi. L'avviso modale viene chiuso.

Eventi

Impostare o modificare i gestori eventi per la vista nelle proprietà 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.

La vista avviso modale ha i seguenti tipi di gestori eventi:

. Attivato quando viene caricata la pagina. Ad esempio:
```
me.setVisible(true)
```
Attivato quando si fa clic sul pulsante Modal alert. Ad esempio:
```
${Text}.setText("Modal alert is closed")
```
. Attivato quando viene aperto l'avviso Modal, ad esempio
```
me.setText("Modal alert is open...");
```

Metodi

Per ulteriori informazioni sui metodi disponibili, vedi l'API Modal alert 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à.