---
title: "I layout dei widget"
url: "https://docs.4hse.com/it/forms/widgets/layouts"
description: "I tre componenti di layout e come dispongono il contenuto di un widget."
---

# I layout dei widget

I componenti di layout organizzano il contenuto e determinano come gli elementi si dispongono nella pagina. Sono tre, e si possono annidare uno dentro l’altro.

## In linea

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

Riproduce i moduli di un elaboratore di testi: i componenti stanno affiancati e vanno a capo automaticamente quando lo spazio finisce.

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

Solo alcuni componenti si possono mostrare così. Altri (titoli, input con etichetta) vanno sempre a capo.

## Orizzontale

[Sezione intitolata “Orizzontale”](#orizzontale)

Somiglia al layout in linea, ma dà controllo sulla distribuzione: gli elementi si possono spaziare in modo uniforme, centrare, allineare a destra.

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

## Verticale

[Sezione intitolata “Verticale”](#verticale)

Impila i componenti uno sotto l’altro. Ideale per moduli semplici e, combinato con layout orizzontali, per costruire tabelle e disposizioni complesse.

## Costruire una tabella

[Sezione intitolata “Costruire una tabella”](#costruire-una-tabella)

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** disattivata con la sua casella

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

Quando la prima riga è a posto, duplica il layout orizzontale per ottenere le successive.

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.