🎛️ Varianti di visualizzazione (pulsanti, schede, icone, immagini, cursori, valutazioni)

Molti tipi di campo possono essere visualizzati in modi diversi nel modulo — un menu a tendina di selezione diventa ad esempio grandi riquadri con icone, un interruttore Sì/No due pulsanti, un campo numerico un cursore o una valutazione a stelle.

La cosa più importante: cambia solo l'aspetto. Il valore salvato, il collegamento a onOffice, le regole, gli invii e l'output PDF restano esattamente identici in ogni visualizzazione. Puoi quindi cambiare la visualizzazione in qualsiasi momento senza rischi — anche nei moduli già in uso.

Scegliere la visualizzazione

  1. Apri nell'editor dei moduli le impostazioni di un campo.
  2. Sotto le impostazioni di base trovi la sezione «Visualizzazione» — compare automaticamente per tutti i tipi di campo che offrono varianti.
  3. Fai clic su un riquadro e salva il campo. «Standard» è sempre la visualizzazione precedente.

Anche quando crei un nuovo campo, la palette dei tipi di campo ti chiede direttamente la visualizzazione non appena il tipo di campo scelto offre varianti — puoi impostarla subito lì oppure iniziare con «Standard».

Varianti disponibili

Campi a selezione singola (singleselect)

Visualizzazione Descrizione
Standard Il classico menu a tendina
Pulsanti radio Tutte le opzioni una sotto l'altra, cliccabili in modo classico
Gruppo di pulsanti Le opzioni come pulsanti affiancati — ideale con 2–5 opzioni (ad es. acquisto/affitto)
Selezione a schede Grandi riquadri, con testo descrittivo opzionale per ogni opzione
Selezione a icone Riquadri con icona + etichetta per ogni opzione (ad es. tipo di immobile: casa, appartamento, terreno …)
Selezione a immagini Riquadri con immagini — immagini dalla tua libreria multimediale
Scala Likert Tutte le opzioni come pulsanti di scala di uguale larghezza in un'unica fila (ad es. «si applica … non si applica»)

L'opzione scelta viene evidenziata nel colore d'accento del tuo modulo.

Campi dipendenti: Anche il tipo di oggetto (dipende dal tipo di immobile) e il tipo di azione (dipende dalla categoria di azione) possono usare tutte le visualizzazioni a selezione singola. I riquadri si filtrano automaticamente: finché non è selezionato un valore padre, compare l'avviso «Seleziona prima …»; dopo la scelta vengono mostrate solo le opzioni corrispondenti. Il campo padre può a sua volta avere qualsiasi visualizzazione. Se il campo padre non è affatto presente nel modulo, vengono mostrate tutte le opzioni.

Campi a selezione multipla (multiselect)

Visualizzazione Descrizione
Standard Il classico menu a tendina di selezione
Elenco di caselle Tutte le opzioni come caselle visibili
Chips Pulsanti selezionabili e deselezionabili — compatti quando le opzioni sono tante (ad es. dotazioni). Gli angoli seguono il design del tuo modulo (squadrato/arrotondato/pillola). Se non è impostato alcun testo informativo, propform mostra automaticamente «Selezione multipla possibile» o il numero minimo/massimo configurato sotto il campo (vale per tutte le visualizzazioni a selezione multipla)
Selezione a icone Riquadri con icone, selezione multipla possibile
Selezione a immagini Riquadri con immagini, selezione multipla possibile

Nota sui valori padre/figlio: La selezione/deselezione automatica dei valori collegati (ad es. scegliendo una regione si selezionano anche le sue zone) esiste solo nel menu a tendina standard. Nelle altre visualizzazioni tutti i valori sono liberamente cliccabili — i valori figli sono rientrati o contrassegnati con ▸. Per questo, al salvataggio di una visualizzazione, la modalità di selezione multipla viene impostata automaticamente su «onOffice» (cliccabile liberamente).

Inoltre, in tutte le visualizzazioni a selezione multipla puoi definire un numero minimo e massimo di opzioni selezionabili («scegli fino a 3»): il minimo si applica non appena qualcosa è selezionato (oppure sempre nei campi obbligatori); al raggiungimento del massimo, le altre opzioni vengono bloccate.

Campi Sì/No

Visualizzazione Descrizione
Standard Il classico interruttore (toggle)
Casella di controllo Classica casella singola, ad es. per i consensi
Pulsanti Sì/No Due grandi pulsanti — ottimi su mobile e sul posto. Come campo obbligatorio, questa visualizzazione impone una decisione attiva. Le etichette sono liberamente modificabili (ad es. «Yes/No» per un modulo in inglese), opzionalmente con icone spunta/croce

Campi numerici

Visualizzazione Descrizione
Standard Il classico campo di immissione
Cursore Cursore con valore visualizzato in tempo reale (unità inclusa) ed etichette min./max. automatiche. Valore minimo, valore massimo e intervallo provengono dalle impostazioni numeriche del campo. Le etichette personalizzate sotto il cursore (ad es. economico;medio;caro) le inserisci direttamente nella sezione Visualizzazione. In opzione, il valore può anche essere digitato (campo di inserimento sotto il cursore). Un cursore non toccato — come un campo vuoto — non invia alcun valore
Valutazione 1–N simboli (N = valore massimo, predefinito 5) — perfetta per i moduli di feedback. Come simbolo puoi scegliere tra stelle, cuori, smiley (scala dell'umore, 2–5 livelli) o un'icona personalizzata dalla libreria di icone. Viene salvato un normale numero intero
Scala (0-10) Pulsanti numerici in fila — la classica domanda di raccomandazione. L'intervallo segue il valore minimo/massimo (predefinito 0–10)

Per la valutazione, la scala e la scala Likert puoi inoltre etichettare gli estremi (ad es. a sinistra «molto improbabile», a destra «molto probabile»), così i visitatori capiscono subito cosa significa ciascuna estremità.

Cursore, valutazione e scala sono disponibili per i campi a numeri interi e decimali.

Criteri di ricerca da/a

Visualizzazione Descrizione
Standard Due campi di immissione «da» e «a»
Cursore da/a Un cursore con due manopole e visualizzazione in tempo reale dell'intervallo scelto (ad es. «200.000 € – 600.000 €») — ideale per prezzo, superficie o locali nel profilo di ricerca. L'unità proviene dal campo onOffice o dalla tua impostazione delle unità. Le manopole non toccate — come i campi vuoti — non inviano alcun valore. In opzione: i valori possono anche essere digitati, più una fascia preimpostata come posizione di partenza

Campi data

Visualizzazione Descrizione
Standard Il selettore di data nativo del browser
Calendario inline Un calendario sempre visibile nella lingua del tuo modulo — viene salvato esattamente lo stesso formato di data del campo standard. I giorni selezionabili possono essere limitati: solo futuro (ad es. appuntamento di visita), solo passato, data minima/massima fissa, blocco dei fine settimana

Personalizzare le opzioni (descrizioni, icone, immagini)

Con le visualizzazioni schede, selezione a icone e selezione a immagini, sotto il selettore di visualizzazione compare l'area «Personalizzare le opzioni»: una riga per ogni valore chiave onOffice del campo.

  • Descrizione — testo opzionale che compare sotto il titolo dell'opzione (su schede e riquadri con icone e immagini).
  • Icona — apre il selettore di icone con oltre 5.000 icone (Tabler Icons). La categoria «Immobili & frequenti» mostra le icone più importanti con denominazioni in tedesco; la ricerca comprende termini tedeschi e inglesi (ad es. «heating», «key», «euro»).
  • Immagine — apre il selettore della libreria multimediale (caricamento, libreria o URL esterno).

Le opzioni senza icona/immagine assegnata mostrano semplicemente la loro etichetta (o un segnaposto neutro nella selezione a immagini). Le voci vuote vengono ignorate.

Altre impostazioni per visualizzazione

A seconda della visualizzazione scelta, nella sezione «Visualizzazione» compaiono impostazioni aggiuntive adatte:

  • Dimensione dei riquadri (schede, selezione a icone e a immagini): compatto / normale / grande.
  • Colore delle icone (selezione a icone, pulsanti Sì/No, gruppo di pulsanti): colore personalizzato per le icone — vuoto = colore del testo del modulo.
  • Icone nel gruppo di pulsanti e sulla scala Likert: le icone assegnate tramite «Personalizzare le opzioni» compaiono anche davanti all'etichetta dell'opzione nel gruppo di pulsanti e sopra i pulsanti della scala Likert.
  • Icone Sì/No personalizzate: al posto di spunta/croce si possono scegliere icone qualsiasi dalla libreria (ad es. pollice su/giù).
  • Preimpostazione separata da/a: nei criteri di ricerca da/a, «da» e «a» si possono preimpostare separatamente — anche nella visualizzazione standard (il classico valore predefinito continua a riempire entrambi i lati allo stesso modo; la preimpostazione separata ha la precedenza).
  • Formato immagine e ritaglio (selezione a immagini): quadrato, 4:3 o 16:9; «Riempi» ritaglia l'immagine per adattarla, «Adatta» la mostra per intero — ideale per i loghi.
  • Colonne (pulsanti radio, elenco di caselle): distribuire le liste lunghe su 2 o 3 colonne (su mobile sempre una sola colonna).
  • Visualizzazione centrata: pulsanti, riquadri, chips, valutazione, scala e calendario inline possono essere centrati invece che allineati a sinistra — nei cursori viene centrato il campo di inserimento opzionale.

Buono a sapersi

  • Le etichette personalizzate delle impostazioni di selezione («Modifica etichette delle chiavi») valgono in tutte le visualizzazioni.
  • Campo obbligatorio, regole, precompilazione, sola lettura — tutto funziona come al solito in ogni visualizzazione.
  • Annullare una selezione: Un clic sull'opzione già selezionata la deseleziona di nuovo (riquadri, pulsanti, radio, Likert, Sì/No, valutazione, scala). Per lo slider, lo slider da/a e il calendario integrato appare un piccolo link «svuota» non appena è impostato un valore. Così i visitatori possono — come con il campo standard — inviare consapevolmente «nessuna risposta».
  • Indietro del browser: Gli inserimenti restano conservati in tutte le varianti di visualizzazione quando i visitatori tornano indietro nel browser — inclusi il cursore, il cursore da/a e il calendario inline.
  • Range-slider esistente: Se usi il range-slider precedente (tramite «Trasforma in campo speciale»), continua a funzionare invariato — puoi crearne quanti altri vuoi, i tuoi moduli restano coerenti. Il nuovo cursore tramite «Visualizzazione» è l'alternativa più moderna con valore in tempo reale.
  • Tramite API, le visualizzazioni si controllano con le proprietà di campo display_variant e select_option_meta — dettagli nella referenza API.