Compatibilità:

WebSite X5 Evo e Pro

WebSite X5 propone un sistema di impaginazione unico grazie al quale puoi creare le Pagine in modo completamente visuale.


In pratica, la Pagina è rappresentata da una Griglia di cui puoi stabilire il numero di righe e di colonne in modo da predisporre le Celle necessarie per ospitare i contenuti.


Attraverso il semplice Drag & Drop degli Oggetti disponibili puoi poi procedere all'inserimento effettivo dei contenuti.



Aggiungere/rimuovere righe e colonne

Partendo dalla Griglia proposta di default, composta da 2 righe per 2 colonne, devi aggiungere un numero di righe e di colonne sufficienti per ospitare tutti i contenuti della Pagina.


Per aggiungere righe e colonne non devi fare altro che utilizzare i pulsanti e   presenti nella Barra Strumenti. Puoi creare griglie con un massimo di 96 righe e di 12 colonne.


In automatico, tutte le righe e le colonne della Griglia di impaginazione hanno la stessa larghezza e altezza.


Larghezza e altezza di colonne e righe

Di default, la larghezza delle colonne della Griglia è ottenuta dividendo la larghezza della Pagina (determinata dal Modello) per il numero delle colonne inserite. Sei comunque libero di impostare manualmente il valore della larghezza delle colonne agendo sui cursori presenti sul fondo della Griglia di impaginazione:

  • Cliccando e trascinando un cursore, sposti la linea che delimita la colonna. In questo modo la colonna assume la larghezza specificata nella nota visualizzata durante il trascinamento del cursore. Tenendo premuto il tasto CTRL durante il trascinamento del cursore, lo sposti di un pixel per volta: in caso contrario, lo spostamento avviene con un passo pari a un decimo dello spazio disponibile. 
  • Cliccando con il tasto destro del mouse su un cursore e scegliendo Imposta Larghezza Colonna dal menu contestuale, puoi digitare direttamente il valore in pixel della larghezza della colonna.
  • Cliccando con il tasto destro del mouse su un cursore e scegliendo Reimposta larghezza Colonne uguali dal menu contestuale, riporti tutte le colonne alla stessa larghezza.


Per quanto riguarda, invece, l'altezza delle Righe, questa viene determinata dagli Oggetti in esse inseriti e non può essere modificata manualmente.


Una precisazione importante: l'impiego della Griglia serve unicamente per semplificare e guidare l'impaginazione dei contenuti. La Griglia di impaginazione non viene "tradotta" come tabella nel codice HTML delle Pagine e non sarà mai visibile durante la navigazione con il Browser.


Infine, ricorda che puoi lavorare sull'aspetto grafico delle Righe attraverso le impostazioni raccolte nella finestra Stile delle Righe richiamata tramite il pulsante .


#tip -  Lavorando sullo Stile delle Righe puoi fare in modo che una Riga si estenda in larghezza e/o in altezza in modo da assumere le dimensioni della viewport, ovvero della finestra del browser del visitatore del sito (vedi, Come si lavora sullo Stile delle Righe per creare delle fasce orizzontali? e Come si utilizza la proprietà Full Height per creare uno scorrimento a schede della pagina?).