Vés al contingut (premeu Retorn)

Funcionament de la graella

Estructura de les pàgines principals

Les pàgines principals estan configurades com una graella amb tres files:

- La primera fila permet afegir continguts que van d'esquerra a dreta, ocupant tota l'amplada de la pàgina principal

- Una segona fila amb quatre columnes, a cadascuna d'elles podrem afegir diferents portlets

- La tercera fila és semblant a la segona. Segurament moltes opcions ja les podrem configurar només amb la segona, però aquesta tercera dona una major flexibilitat, i permet fer configuracions més sofisticades.

graella pàgina principal

 

Tipus de portlets que podem afegir

 

tipus portlets

 

Al desplegable "Afegeix portlet" ens surten tots els possibles portlets.

Vegeu una visualització d'alguns d'ells.

 

1  Consulteu a l'apartat recomanacions com fer servir aquests tres tipus de portlets

 

 

Com configurar la segona o tercera fila

Hem d'entendre aquestes files com una graella amb 12 espais. A cadascuna de les quatre columnes li donarem una amplada del 1 al 12, de manera que la suma de les amplades de les quatre columnes ha de ser 12.

Aquesta amplada la especifiquem al camp span.

Exemples de configuracions

 

Quatre columnes de 3 espais

La configuració dels spans serà:

 span exemple 1

Una possible combinació de portlets amb aquesta configuració:

span exemple 1 portlets

Tres columnes de 4 espais

La configuració dels spans serà:

span exemple 2.png

Una possible combinació de portlets amb aquesta configuració:

span exemple 2 porlets.png

Dues columnes, una de 8 espais i l'altre de 4 espais

La configuració dels spans serà:

span exemple 3.png

Una possible combinació de portlets amb aquesta configuració:

span exemple 3 portlets.png

 

Advertiment: comencem a configurar les columnes d'esquerra a dreta, per tant no poden haver columnes amb span=0 a l'esquerra de columnes amb spans diferents de 0.

És per això que aquesta configuració és erronia, i pot tenir comportaments extranys:

span exemple 4.png

la configuració correcte seria:

span exemple 5