---
title: "I pannelli dell'editor avanzato"
url: "https://docs.4hse.com/it/forms/editor"
description: "I pannelli dell'editor avanzato: componenti, albero, anteprima, proprietà e trascinamento."
---

# I pannelli dell'editor avanzato

L’editor avanzato è uno dei due editor con cui si costruiscono i [moduli](/it/forms/). La procedura per usarlo è in [Costruisci un modulo con l’editor avanzato](/it/forms/advanced-editor).

## Componenti, pannello di sinistra

[Sezione intitolata “Componenti, pannello di sinistra”](#componenti-pannello-di-sinistra)

I componenti che si possono aggiungere al modulo, divisi in gruppi:

Gruppo

Contiene

**Input con etichetta**

un’etichetta più un campo, adatti ai moduli con i campi uno sotto l’altro

**Input di base**

un campo senza etichetta, adatto ai moduli con i campi affiancati

**Statico**

elementi che non si compilano: titoli, etichette, testi

**Layout**

i contenitori che dispongono gli altri componenti; vedi [I layout](/it/forms/layouts)

**Snippet**

blocchi già composti, da inserire e adattare

## Albero, pannello di sinistra

[Sezione intitolata “Albero, pannello di sinistra”](#albero-pannello-di-sinistra)

La scheda **Albero** mostra la struttura del modulo: ogni componente è un nodo, e i componenti contenuti in un layout sono nodi figli. Il primo nodo, **Modulo**, porta le informazioni generali del modulo.

Selezionando un nodo si evidenzia l’elemento nell’anteprima e se ne aprono le proprietà. Quando i componenti sono fitti, l’albero è il modo sicuro di selezionare quello giusto.

## Anteprima, al centro

[Sezione intitolata “Anteprima, al centro”](#anteprima-al-centro)

L’anteprima mostra il modulo mentre lo si compone. Passando sopra un elemento lo si evidenzia e se ne vede il tipo; cliccandolo lo si seleziona. Sull’elemento selezionato compaiono due icone: una lo duplica, l’altra lo elimina.

Al centro il modulo compare insieme agli strumenti per modificarlo, come le evidenziazioni e le icone sugli elementi, quindi il suo aspetto può differire da quello finale. L’icona **Anteprima** nella barra degli strumenti mostra il modulo come lo vedrà chi compila, alla larghezza di schermo scelta nel menu **Dimensione device** della stessa barra.

## Proprietà, pannello di destra

[Sezione intitolata “Proprietà, pannello di destra”](#proprietà-pannello-di-destra)

Le proprietà dell’elemento selezionato: testo, dimensioni, margini, valore predefinito e le altre, secondo il componente.

Ogni proprietà ha una casella di spunta. Se è vuota, il componente usa il valore predefinito; se è spuntata, usa il valore inserito. Le modifiche compaiono subito nell’anteprima; alcune diventano effettive solo dopo aver cliccato fuori dal campo.

## Trascinamento

[Sezione intitolata “Trascinamento”](#trascinamento)

Azione

Effetto

trascinare un componente dal pannello **Componenti** all’anteprima

lo aggiunge nel punto di rilascio

trascinare un elemento dentro l’anteprima

lo sposta

trascinare un elemento tenendo premuto **CTRL**

lo duplica nel punto di rilascio

Questo sito è protetto da reCAPTCHA e si applicano le [Norme sulla privacy](https://policies.google.com/privacy?hl=it) e i [Termini di servizio](https://policies.google.com/terms?hl=it) di Google.