Badge

Visualizza del testo e dei numeri per richiamare l'attenzione su una specifica area o per mostrare delle informazioni utili su una pagina. È possibile renderla selezionabile.

Il distintivo è simile all'icona. È più comunemente utilizzato per i seguenti scopi:

  • Attirare l'attenzione su un'area UI specifica
  • Visualizzazione di informazioni utili
  • Servire come un pulsante cliccabile

Proprietà di configurazione

Impostare o modificare le proprietà di configurazione dell'aspetto per Badge nelle proprietà Configurazione . Impostare le proprietà di configurazione della formula nelle proprietà Eventi .
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 Badge sono visualizzate nella seguente tabella:

Tabella 1. Proprietà di configurazione dell'aspetto per Badge
Proprietà di configurazione dell'aspetto Descrizione Tipo di dati
Stile colore Specifica uno stile di colore per la vista. I colori corrispondono alle variabili del tema specificato. BadgeColorStyle
Stile forma Specifica gli stili di forma per la vista. BadgeShapeStyle

Eventi

Impostare o modificare le proprietà di configurazione della formula e 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.
Le proprietà di configurazione della formula per Badge sono mostrate nella seguente tabella:
Tabella 2. Proprietà di configurazione della formula per Badge
Proprietà di configurazione della formula Descrizione Tipo di dati
Formula testo Specifica l'espressione per la vista. È possibile utilizzare la proprietà per impostare l'etichetta per Badge. Il testo deve essere racchiuso tra doppi apici. Ad esempio:

"This is a badge"

Per ulteriori informazioni sulle formule, consultare Formule.

 String
Il badge ha i seguenti tipi di gestori eventi:
  • On load: attivato quando la pagina viene caricata. Ad esempio:

    me.setColorStyle("I")

  • On click: attivato quando si fa clic su un badge utilizzato come pulsante. Ad esempio:

    ${Tooltip1}.setTooltipVisible(!${Tooltip1}.isTooltipVisible())

A seconda dell'evento specifico, è possibile utilizzare la logica JavaScript per modificare gli effetti della vista. Ulteriori informazioni sull'utilizzo di eventi con viste sono disponibili nell'argomento Eventi definiti dall'utente.

Metodi

Per informazioni dettagliate sui metodi disponibili per Badge, vedi l'API Badge 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à.