Compatibilità:

WebSite X5 Evo e Pro


Ci sono diversi modi per fare in modo che la tua pagina diventi non solo interessante ma anche bella. Uno degli espedienti più in voga ultimamente è quello di creare delle fasce che vanno oltre la larghezza della pagina imposta dal template, giungendo ad occupare la finestra del browser per tutta la sua larghezza.


Come si ottiene questo effetto? Dipende da come è composta la fascia.


Fascia composta da un unico Oggetto

Se la fascia che vuoi realizzare si compone di un singolo Oggetto, devi lavorare direttamente sulla Griglia di impaginazione. Scopri come guardando questo breve video:



In alternativa, continua a leggere:

  • Al Passo 4 - Creazione della Pagina, inserisci l'Oggetto sulla Griglia di impaginazione: è necessario che non sia affiancato da altri Oggetti e che occupi tutte le celle della riga. 
  • Seleziona l'Oggetto e clicca sul pulsante Estendi


Sulla Griglia di impaginazione, gli Oggetti per i quali è stata attivata la funzione Estendi sono facilmente individuabili dal momento che sono più larghi delle colonne che compongono la Pagina. 


Cliccando una seconda volta sul pulsante Estendi, l'Oggetto torna al suo comportamento normale adattandosi alla larghezza della Pagina e non più a quella della finestra del Browser.


Fascia composta da più Oggetti

Se la fascia che vuoi ottenere è più complessa perché è composta da più Oggetti magari disposti anche in righe successive, la procedura cambia:

  • Al Passo 4 - Creazione della Pagina, dopo aver inserito i contenuti che desideri, clicca sul pulsante in modo da accedere alla finestra Stile delle Righe.
  • Rimani nella sezione Generale: seleziona la Riga o il gruppo di Righe unite su cui vuoi agire e definiscine lo Sfondo (vedi, Come si lavora sulle righe della griglia di impaginazione?
  • Per fare in modo che la tua fascia occupi sempre tutto lo spazio disponibile in larghezza nella finestra del browser, clicca sul pulsante Estendi alla larghezza della finestra del Browser.


Come per gli Oggetti, sulla Griglia le Righe per i quali è stata attivata la funzione Estendi sono rappresentate più larghe delle colonne che compongono la Pagina. 


Di nuovo, cliccando una seconda volta sul pulsante Estendi, la Riga torna al suo comportamento normale adattandosi alla larghezza della Pagina e non più a quella della finestra del Browser.


#tip - Dimensioni della riga.  Una 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 una fascia, invece, è determinata dagli Oggetti contenuti ma può anche essere impostata in modo che sia sempre uguale a quella della finestra del Browser (vedi, Come si utilizza la proprietà Full Height per creare uno scorrimento a schede della pagina?).