Vés al contingut (premeu Retorn)

Graella de portlets

Què és una graella de portlets?

La graella ens permet fer una combinació de portlets amb la mateixa filosofia que a les pàgines principals del nostre web. Això ens permetrà crear portals de seccions del nostre web, pàgines combinant diferents continguts o pàgines més atractives.

Les pàgines amb portlets son més pesades que una pàgina simple, per tant no abusarem d'aquest contingut per no comprometre el rendiment de la nostre web.

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

A tenir en compte en el cas dels formularis

Si afegim un formulari a la graella i volem que es faci servir estan autentica't al genweb, haurem de desactivar la opció  Protecció CSRF.

Cross-site request forgery

Per desactivar aquesta opció:

1-Editar el formulari i accedir a l'opció Overrides

Prtecció CSRF override

2- Desactivar el check de Protecció CSRF que hi ha al final de la pàgina:

Protecció CSRF desactivar