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

# L'editor dei widget

L’editor è il posto in cui si compone un widget, sia che tu lo stia [creando](/it/forms/widgets/create) sia che lo stia [modificando](/it/forms/widgets/edit). È lo stesso editor che apre la lista di controllo avanzata.

## Componenti — pannello di sinistra

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

I componenti che si possono aggiungere al widget:

Componente

A cosa serve

**Input con etichetta**

un’etichetta più un campo di input, ideale per moduli verticali

**Input semplice**

un campo di input nudo, utile nei moduli in linea

**Statici**

elementi non interattivi: etichette, titoli

**Layout**

organizzano visivamente il contenuto — vedi [i layout](/it/forms/widgets/layouts)

**Snippet**

pezzi di widget riutilizzabili

![Componenti input con etichetta](/_astro/widget-designer-intro-3.gN5WZfST_Z1n2sQu.webp)

![Componenti input semplici](/_astro/widget-designer-intro-4.DIYwYSQT_ZjYrPw.webp)

## Albero — pannello di sinistra, scheda TREE

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

Mostra la struttura del widget. Selezionando un nodo lo evidenzi nell’anteprima e nel pannello delle proprietà. È il modo affidabile di selezionare un elemento quando i componenti sono fitti, e solo un elemento selezionato si può modificare, eliminare o duplicare.

## Anteprima — al centro

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

Un’anteprima dal vivo del widget. Passando sopra un elemento lo evidenzi e ne vedi il tipo; cliccandolo lo selezioni e aggiorni albero e proprietà. Sull’elemento selezionato compaiono due icone, per duplicarlo e per eliminarlo.

## Proprietà — pannello di destra

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

Le proprietà dell’elemento selezionato: dimensione del testo, margini, valore predefinito e così via. Cambiano da componente a componente.

Ogni proprietà ha una casella di spunta: disattivata, il componente usa il valore predefinito; attivata, imposti il tuo. Le modifiche si riflettono subito nell’anteprima — a volte devi cliccare altrove perché diventino effettive.

## Trascinamento

[Sezione intitolata “Trascinamento”](#trascinamento)

-   dal pannello **COMPONENTI** all’anteprima, per aggiungere un elemento esattamente dove lo vuoi;
-   dentro l’anteprima, per riordinare gli elementi.

Tenendo premuto **CTRL** durante il trascinamento il cursore diventa un più: l’elemento viene duplicato invece che spostato.

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.