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.
Tipus de portlets que podem afegir
Al desplegable "Afegeix portlet" ens surten tots els possibles portlets.
Vegeu una visualització d'alguns d'ells.
- Agenda
- Categories: portlet utilitzat dins de Notícies i Notícies amb foto per visualitzar un llistat d'etiquetes que enllacen als documents categoritzats per aquestes etiquetes a la carpeta notícies o esdeveniments.
- Contingut existent 1
- Notícies i Notícies amb foto
- Elements recents: és una col·lecció amb les darreres actualitzacions
- Actualitat UPC: titulars de l'actualitat UPC
- Bàners
- Calendari: l'agenda presentada en format calendari
- Col·lecció
- Benvinguda: la pàgina de benvinguda que hi ha a l'arrel de cada idioma 1
- Identificació: el quadre d'identificació LDAP
- Menú de navegació: el menú de navegació del nostre genweb
- Enquesta
- RSS: agregador de feeds RSS
- Portlet estàtic: visualitza el codi HTML que s'hi posi 1
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à:
Una possible combinació de portlets amb aquesta configuració:
Tres columnes de 4 espais
La configuració dels spans serà:
Una possible combinació de portlets amb aquesta configuració:
Dues columnes, una de 8 espais i l'altre de 4 espais
La configuració dels spans serà:
Una possible combinació de portlets amb aquesta configuració:
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:
la configuració correcte seria:
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.
Per desactivar aquesta opció:
1-Editar el formulari i accedir a l'opció Overrides
2- Desactivar el check de Protecció CSRF que hi ha al final de la pàgina:
