Skip to main content Link Search Menu Expand Document (external link)

🚧 in fase di redazione …

Pulsante

Attore Pulsante.

Sommario

Proprietà specifiches

Contenuto

Jolly

Questa proprietà è utilizzata per definire il contenuto HTML dell’attore.

Esempio

SynApps

Questo è <i>un</i> <b style="background-color: red;">bottone</b>

Caratteri Jolly

È possibile inserire dei caratteri jolly (ad esempio, {{jokerKey}}) nel contenuto. Questi saranno sostituiti dal valore dell’addizionale con chiave identica.

Esempio:

Questo è <i>un</i> <b style="background-color: {{theColor}};">bottone</b>.

Il valore del parametro addizionale theColor di tipo colore andrà a sostituire la stringa jolly.

💡 Consiglio
Mentre è possibile aggiungere uno stile CSS con un tag HTML <style>, non è possibile aggiungere codice Javascript. Per farlo, è necessario utilizzare gli eventi dell’attore..

Percorso di accesso dall’attore properties.content ⚡ Doc Script API

Dimensione

La proprietà specifica `Dimensione’ consente di modificare le dimensioni dell’attore.

Questa proprietà ha tre opzioni:

  • Predefinito.
  • Grande.
  • Piccolo.

Solo la scelta Predefinito consente di modificare le dimensioni del testo. Le altre opzioni prevalgono su qualsiasi altra impostazione.

Attenzione

Si noti che la dimensione del pulsante dipende da diversi parametri, tra cui :

  • Lo spazio disponibile in relazione all’attore padre.
  • Lo spazio disponibile in relazione agli altri attori.
  • La dimensione del suo contenuto.

Percorso di accesso dall’attore properties.size ⚡ Doc Script API

Mode

La proprietà specifica Modalità consente di attribuire uo stile al pulsante.

Ogni classe ha un proprio codice colore.

Elenco delle opzioni disponibili con i relativi esempi:

SynApps

Percorso di accesso dall’attore properties.mode ⚡ Doc Script API

Profilo

La proprietà specifica Profilo consente di stilizzare il pulsante dell’attore con un colore inverso.

Il colore di sfondo del pulsante diventa il colore del carattere. Il colore del carattere diventa il colore di sfondo.

Esempio:

Un pulsante con modalità successo e profilo disabilitato:

SynApps

Un pulsante con modalità successo e profilo attivo:

SynApps

Percorso di accesso dall’attore properties.outline ⚡ Doc Script API

Superamento del testo

La proprietà specifica Superamento del testo consente di gestire la visualizzazione del testo nel caso in cui le dimensioni del contenitore non siano sufficienti a visualizzare l’intero testo.

Esistono tre opzioni per questa proprietà:

  • Nessuna ritorno alla linea.
  • Ritorno all linea.
  • Troncato.

Esempi:

Nessuna ritorno alla linea

SynApps

Ritorno all linea

SynApps

⚠️ ATTENZIONE
La dimensione verticale dell’attore viene adattata automaticamente alla dimensione del testo, a meno che la dimensione del testo non sia fissa..

Tronqato

SynApps

Percorso di accesso dall’attore properties.textOverflow ⚡ Doc Script API

Attivo

La proprietà specifica Attivo viene utilizzata per gestire l’attivazione del pulsante.

Quando la proprietà è disabilitata, il pulsante in questione non è cliccabile dall’utente. Gli eventi diversi da quelli del ciclo di vita dell’attore sono quindi disabilitati.

Quando la proprietà è attivata, il pulsante funziona normalmente e tutti i suoi eventi sono attivati.

Percorso di accesso dall’attore properties.isActive ⚡ Doc Script API

Campi d’informazione

Premuto?

Il campo informativo Premuto? è un booleano che è true quando il pulsante è premuto e ritorna a false quando il pulsante viene rilasciato.

Contenuto Completato

Il campo informativo contenuto completato è il testo risultante dopo che i caratteri jolly sono stati sostituiti con i valori dei componenti aggiuntivi.

Elementi Specifici

🚧 in corso…

Varianti

Icona

La variante del pulsante attore offre la possibilità di aggiungere un’icona scelta tra quelle disponibili in Synapps.

Il contenuto del pulsante è completato da una icona e da un testo aggiuntivi.