---
title: "I layout"
url: "https://docs.4hse.com/it/forms/layouts"
description: "I tre componenti di layout dell'editor avanzato e come dispongono il contenuto di un modulo."
---

# I layout

I componenti di layout dell’editor avanzato decidono come si dispongono gli elementi di un [modulo](/it/forms/). Sono tre, e si possono inserire uno dentro l’altro. Come si usano nell’editor è spiegato in [Costruisci un modulo con l’editor avanzato](/it/forms/advanced-editor).

## Layout in linea

[Sezione intitolata “Layout in linea”](#layout-in-linea)

Dispone i componenti uno accanto all’altro, come le parole di un testo: quando lo spazio finisce, quelli successivi vanno a capo.

![Layout in linea](/_astro/widget-designer-intro-5.jL-zOOVv_2iyqYN.webp)

Non tutti i componenti si dispongono così: i titoli e gli input con etichetta vanno sempre a capo.

## Layout orizzontale

[Sezione intitolata “Layout orizzontale”](#layout-orizzontale)

Dispone i componenti su una riga, come il layout in linea, ma ne controlla la distribuzione: gli elementi si possono spaziare in modo uniforme, centrare o allineare a destra.

![Layout orizzontale](/_astro/widget-designer-intro-6.C55HQtGn_1vEEdD.webp)

## Layout verticale

[Sezione intitolata “Layout verticale”](#layout-verticale)

Dispone i componenti uno sotto l’altro. Dentro un layout orizzontale, più layout verticali formano colonne affiancate.

## Una tabella si costruisce con i layout

[Sezione intitolata “Una tabella si costruisce con i layout”](#una-tabella-si-costruisce-con-i-layout)

Una tabella è un layout orizzontale che contiene più layout verticali, uno per colonna. Le proprietà che la fanno funzionare:

Proprietà

Effetto

**Larghezza** di ogni layout verticale

la larghezza della colonna, in percentuale

**Altezza** con la casella vuota

le celle si estendono a riempire lo spazio verticale

**Bordo** solido, 1px

disegna la griglia

**Padding** del layout orizzontale a 0

elimina lo spazio fra le colonne

Ogni riga della tabella è un layout orizzontale: le righe successive alla prima si ottengono duplicandolo.

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.