Mappa Hotspot

La mappa degli hotspot è composta da un'immagine di sfondo e da hotspot posizionabili liberamente. Questi hotspot si comportano in modo diverso a seconda del loro tipo e della loro configurazione.
Gli hotspot sono per lo più collegati a oggetti SKOOR e ne mostrano lo stato o il valore. Se un hotspot è collegato a un oggetto SKOOR, è possibile cliccarci sopra per visualizzarne la vista dettagliata.
Agli hotspot può essere assegnata un'opacità compresa tra 0 e 100 %.

Sono disponibili i seguenti tipi di hotspot:

Lampadina

Le lampadine sono punti/bulbi stilizzati che possono assumere vari colori, a seconda della loro configurazione e del loro stato. Per enfatizzare gli hotspot che hanno uno stato negativo, le lampadine possono essere configurate in modo da lampeggiare quando lo stato dell'oggetto sottostante è uguale o peggiore di uno stato predefinito.
Le lampadine possono essere etichettate utilizzando varie proprietà dell'oggetto (vedi Etichetta).

Etichetta

Le etichette possono contenere testo semplice o un valore alfanumerico costituito da una proprietà dell'oggetto SKOOR collegata (il suo nome, una proprietà specifica, un parametro o un valore).

Testo

Questo tipo di Hotspot può contenere solo testo letterale e non può essere collegato a un oggetto SKOOR.

Rettangolo

Un hotspot rettangolare può essere utilizzato per progettare graficamente un widget hotspot. È possibile configurare il colore di sfondo, il colore del bordo, lo stile e la larghezza, nonché il raggio di arrotondamento degli angoli. Inoltre, è possibile definire un'ombra e un'etichetta.

Icona

Qualsiasi icona bitmap può essere utilizzata come hotspot. È possibile definire diverse icone dipendenti dallo stato per ogni hotspot.
Un'icona può anche essere etichettata (vedere Etichetta).

Modifica del widget mappa hotspot

Imposta

Descrizione

Immagine di sfondo

Immagine da utilizzare come sfondo del widget. Può essere un'immagine bitmap o SVG. Le immagini possono essere caricate trascinando un file all'interno dell'area grigia tratteggiata o cliccando su di essa per cercare un file.

Rientro

Rientro dello sfondo (opzionale, in pixel). Il rientro può essere definito in diversi modi:

  • Quattro valori
    25 50 75 100 Il
    riempimento superiore è 25px, quello destro è 50px, quello inferiore è 75 px, quello sinistro è 100px

  • Tre valori
    25 50 75 Il
    riempimento superiore è 25px, i riempimenti destro e sinistro sono 50px, il riempimento inferiore è 75px

  • Due valori
    25 50 I
    margini superiore e inferiore sono 25px, i margini sinistro e destro sono 50px

  • Un valore
    25
    Tutti e quattro i padding sono 25px

Editor di mappe

Ingrandisci / Riduci

L'area dell'editor può essere ingrandita/ridotta facendo clic sullo sfondo dell'editor o sul pulsante Ingrandisci/Riduci editor.

Aggiungi hotspot

Aggiungi hotspot cliccando sul pulsante Aggiungi hotspot.

Selezionare hotspot

È possibile selezionare un hotspot cliccandoci sopra nell'editor. È possibile selezionare più hotspot premendo il tasto Ctrl mentre si clicca su un hotspot o utilizzando lo strumento elastico.

È possibile selezionare tutti gli hotspot premendo Ctrl+A.

Spostare/ridimensionare l'hotspot

Gli hotspot selezionati possono essere spostati o ridimensionati tramite Drag&Drop o utilizzando i tasti freccia della tastiera. Gli hotspot si spostano di 10 px per ogni pressione del tasto. Per ottenere movimenti più precisi, è possibile premere il tasto Ctrl mentre si utilizzano i tasti freccia.

Le linee di scatto aiutano ad allineare correttamente più hotspot l'uno rispetto all'altro.

Copiare hotspot

Selezionare l'hotspot desiderato. Premere ctrl+c e ctrl+v per ottenere una copia dell'hotspot sulla mappa. Spostare il nuovo oggetto nella posizione corretta sulla mappa e configurarlo come di consueto.

Eliminare un hotspot

Elimina un hotspot facendo clic sul pulsante X accanto ad esso.

Modifica hotspot

È possibile modificare un hotspot facendo doppio clic su di esso o cliccando sul pulsante a forma di ingranaggio nell'elenco degli hotspot.

Impostazioni

Descrizione

Tipo

lampadina (impostazione predefinita), etichetta, testo, rettangolo, icona.

Nome

Nome per identificare l'hotspot nell'elenco degli hotspot.

Posizione

Coordinate in pixel relative all'origine della mappa degli hotspot (angolo superiore sinistro).

Dimensione

Dimensione dell'hotspot in pixel

Opacità

Opacità dell'hotspot (0 - 100%, il valore predefinito è 100%)

Cliccabile

Per impostazione predefinita, cliccando su un hotspot si apre la vista dei dettagli. Questa funzione può essere disattivata con questa impostazione.

Azione clic

Specificare un'azione da eseguire quando si clicca su un oggetto sulla mappa.

Tipi di hotspot

Impostazione

Descrizione

Cornice

Mostra o nasconde la cornice attorno alla lampadina: image-20251022-135225.png vs.image-20251022-105902.png

Stato predefinito

Stato visualizzato della lampadina finché non vengono caricati dati.

Soglia di lampeggiamento

Stato di soglia al quale la lampadina dovrebbe iniziare a lampeggiare.

Etichetta

Attiva etichetta.

Etichetta

Un'etichetta può essere essa stessa un hotspot:

Per l'etichetta sono disponibili le stesse impostazioni illustrate sopra nella sezione Lampadina.

In alternativa, è possibile visualizzare un'etichetta collegata a un hotspot.

Testo

È possibile aggiungere testo in formato libero utilizzando l'hotspot Testo:

Rettangolo

Impostazione

Descrizione

Colore di sfondo

Fare clic per selezionare il colore di sfondo utilizzando un selettore di colori.
Impostare il valore A su 0 per impostare uno sfondo trasparente o su un numero compreso tra 0 e 100 per ottenere un effetto sfondo traslucido.

Colore del bordo

Clicca per selezionare il colore del bordo utilizzando un selettore di colori.

Stile del bordo

Solido (impostazione predefinita), tratteggiato, punteggiato, doppio.

Larghezza del bordo

Larghezza del bordo in pixel.

Raggio del bordo

Raggio del bordo in pixel. È possibile ottenere cerchi perfetti impostando questo valore al massimo.

Ombra

Larghezza dell'ombra in pixel.

Etichetta

Attiva etichetta.

Icona

Utilizza l'hotspot Icona per aggiungere lampadine personalizzate dipendenti dallo stato:

Imposta

Descrizione

Stato predefinito

Stato visualizzato finché non vengono caricati dati con No Data.

Icona predefinita

Icona visualizzata se non è definita alcuna icona dipendente dallo stato.

Icone dipendenti dallo stato

È possibile definire un'icona per ogni stato.

Etichetta

Attiva etichetta.

Etichette

Alcuni hotspot hanno la possibilità di visualizzare un'etichetta accanto ad essi. Per visualizzare un'etichetta, è sufficiente attivare la casella di controllo Etichetta.

Imposta

Descrizione

Posizione

In basso, a sinistra, in alto, a destra

Campo

Il campo da visualizzare

  • hotspot_name
    Nome dell'hotspot

  • hotspot_text Testo
    libero

  • object_name
    Nome dell'oggetto selezionato

  • object_values
    Valore dell'oggetto selezionato

  • object_parameters
    Parametro dell'oggetto selezionato

  • object_properties
    Proprietà dell'oggetto selezionato

Testo

Visibile solo se il campo è hotspot_text.

Testo da visualizzare

Tipo di oggetto

Visibile solo se il campo è object_values, object_parameters o object_properties. 

Tipo di oggetto selezionato

Sottotipo

Visibile solo se il campo è object_values o object_parameters.

Sottotipo dell'oggetto selezionato.

Valore dell'oggetto

Visibile solo se il campo è object_values.

Valore visualizzato.

Parametro oggetto

Visibile solo se il campo è object_parameters.

Parametro visualizzato.

Proprietà oggetto

Visibile solo se il campo è object_properties.

Proprietà visualizzata.

Dimensione carattere

Dimensione del carattere dell'etichetta in pixel.