Una Riga può essere intesa come una fascia orizzontale all'interno della Pagina. Questa fascia può essere larga quanto la Pagina (la cui larghezza è a sua volta determinata dal Modello applicato) o quanto l'intera finestra del Browser. L'altezza di questa fascia, invece, è determinata dal più alto degli Oggetti contenuto in una delle Celle della Riga.

E' possibile fare in modo che l'aspetto di una Riga venga automaticamente applicato anche a una o più Righe successive unendo fra loro le Righe stesse:

▪	Cliccare sul pulsante per accedere alla finestra Stile delle Righe. Nella Griglia qui riproposta, tutte le Righe sono affiancate da un pallino che può essere pieno o vuoto a seconda del fatto che l'aspetto della Riga corrispondente sia già stato definito o meno.

Stato rilasciato prima dell'unione

Mouse in corrispondenza della linea

Clic sul lucchetto per unire le righe

Stato rilasciato dopo l'unione delle righe

Così come è possibile unire due o più Righe in modo da poter dare loro lo stesso aspetto grafico, è anche possibile dividerle per renderle autonome:

Se, per esempio, erano state unite le Righe 1 e 2 e per entrambe era stato definito un aspetto grafico particolare, in seguito alla separazione la Riga 2 torna ad assumere il suo aspetto orginario.

Se sono state unite fra loro più di due Righe, la separazione agisce esattamente nel punto corrispondente a dove è posizionata l'icona del lucchetto. Per esempio, se le Righe 1, 2, 3 e 4 sono unite fra loro e si clicca sul lucchetto posizionato fra la Riga 2 e la Riga 3, si ottiene una situazione in cui la Riga 1 è unita alla 2 e la Riga 3 è unita alla 4.

In base a come vengono impaginati gli Oggetti nella Griglia e a come li si ordina nelle diverse Visualizzazioni in caso di Sito Responsive, è possibile che si verifichino delle situazioni in cui due o più Righe vengono automaticamente unite e non è possibile intervenire per separarle.

Caso 1. Impaginazione

Se si inserisce un Oggetto sulla Griglia in modo che occupi più Celle di Righe diverse, tutte le Righe coinvolte vengono automaticamente unite fra loro. Il lucchetto che compare sulla linea che unisce i pallini relativi alle Righe in questione è colorato di grigio (invece che di blu) proprio per indicare che non può essere rimosso. In questo caso, l'unico modo per modificare la situazione è intervenire sull'impaginazione degli Oggetti.

Esempio
	L'Oggetto nella colonna 1 occupa le righe 4, 5 e 6: queste vengono automaticamente unite e non possono essere separate

Anche se, per esempio, si definisce prima un aspetto diverso per la Riga 1 e la Riga 2 e poi si posiziona un Oggetto in modo che le interessi entrambe, le due Righe vengono automaticamente unite e la seconda assume l'aspetto della prima. Anche in questo caso non sarà possibile separare manualmente le Righe se prima non si modifica l'impaginazione degli Oggetti.  

Caso 2. Sito Responsive

Se si lavora alla creazione di un Sito Responsive, ordinando gli Oggetti per definire come devono disporsi nelle diverse Visualizzazioni determinate dai breakpoint è possibile che si verifichino delle combinazioni che portano all'unione automatica di due o più Righe. In genere questo accade quando, come nell'esempio seguente, durante l'ordinamento ad un Oggetto viene fatto seguire non quello alla sua destra (appartenente alla stessa Riga) ma quello subito sotto (appartenente a una Riga diversa): in questo modo, infatti, si creano dei gruppi in cui gli Oggetti sono disposti su più Righe.

Passo 1
	Nel definire la Visualizzazione corrispondente ad un breakpoint, l'ordinamento porta a formare gruppi in cui gli Oggetti sono disposti su Righe diverse
Passo 2
	Situazione finale: a causa dell'ordinamento impostato le Righe 1 e 2 sono state unite ed avranno lo stesso aspetto

Definire l'aspetto di una Riga è un'operazione  molto semplice. Occorre procedere come segue:

Nel lavorare alla definizione dell'aspetto di una Riga occore considerare che:

Per creare una fascia colorata che si estende non solo per la larghezza della Pagina ma per tutta la larghezza della finestra del Browser, occorre procedere come segue:

Con un procedimento analogo, semplicemente scegliendo un tipo di Sfondo diverso, è possibile creare una fascia con un gradiente, un'immagine, uno slideshow, un video o una mappa al posto del colore a tinta unita.

L'effetto parallasse è molto utilizzato per conferire profondità alle Pagine e renderele più attraenti agli occhi dei Visitatori. L'effetto si basa sul fatto che, durante lo scroll della Pagina, l'immagine di sfondo e quelle in primo piano si muovono con una velocità diversa.

Per impostare il parallasse su una Pagina si deve procedere nel seguente modo:

Se si vuole attivare l'effetto parallasse è possibile utilizzare come Sfondo della Riga un gradiente, un'immagine, uno slideshow, un video o una mappa ma non un colore in tinta unita.

-

Il Box Model in WebSite X5