Ridimensionamento delle colonne

In WebAcappella, le colonne rappresentano un modo flessibile di organizzare i contenuti. Una volta posizionate in una riga, possono essere ridimensionate utilizzando i cursori laterali, allineate con una griglia a 12 tacche per garantire un layout strutturato.

Principio

  • Ogni colonna selezionata visualizza due cursori laterali (destro e sinistro).

  • Il ridimensionamento segue una griglia a 12 nodi, il che significa che la larghezza delle colonne può essere regolata in unità predefinite e non liberamente in pixel.

Modificare la larghezza di una colonna

  1. Selezionare la modalità «colonna» (che facilita la selezione).

  2. Fare clic su una colonna per selezionarla.

  3. Afferrare uno dei cursori laterali (destro o sinistro).

  • Trascinare il cursore a sinistra o a destra: la colonna viene regolata in base alle tacche della griglia.

  • Rilasciare il clic per confermare la nuova larghezza.

../../_images/resizing_column.png

Gestione dell’adattabilità delle colonne

✔ Distribuire le colonne in modo equilibrato, tenendo conto delle 12 tacche disponibili. limitare il numero di colonne troppo strette per evitare contenuti illeggibili su mobile. testate il responsive rendering per verificare la regolazione automatica delle colonne in base alle dimensioni dello schermo.