Encuesta con estilos propios en Liferay
Descripción
Edición de los estilos de las encuestas nativas de Liferay Portal, en base a un modelo a seguir existente.
Implementación
Utilizamos un tema para estilar las encuestas que vienen por default en Liferay Portal, modificando un archivo CSS y utilizando una librería externa de JavaScript llamada Selectivizr, cuya funcionalidad es emular pseudo clases CSS3 y atributos selectores para Internet Explorer 6-8.
A la hora de darle estilo a determinado elementos html usamos selectores CCS3 y Pseudo-clases que nos permitieron desarrollarlo, ya que de otra forma no era posible acceder a los elementos a estilar.
Dificultades
- Bug de Liferay Portal version 6.1 CE para visualizar las barras de porcentaje de las encuestas.
- La estructura de html que generan las encuestas no es "amigable" a la hora de darle estilo. Uso de tablas, faltante de identificadores para poder seleccionar los elementos, etc.
- El cálculo del porcentaje no funciona correctamente con Internet Explorer, Firefox, etc. Debido a como arma el html los porcentajes.
- Hay que seleccionar los elementos según los identificadores de porlets de Liferay, ya que con archivos css no se puede de otra forma.
Conclusión
Consideramos que no fue fácil darle estilo al porlet de encuestas ya que encontramos varias dificultades, y presenta limitaciones al estilarlo. No pudimos lograr la totalidad del modelo.
Por otro lado vemos que si podríamos cambiar la forma del template y la estructura html seria mucho mas sencillo darle estilo al mismo y lograr mayor compatibilidad con todos los navegadores.