Struts 2 : Mostrar Checkboxlist Vertical

English: Logo of Apache Struts

English: Logo of Apache Struts (Photo credit: Wikipedia)

Saludos de nuevo! cuanto sin escribir?, bastante yo diría. Pero en fin, ésto de trabajar y estudiar hace que los días parezcan de 3 horas, porque el tiempo se va volando.

En éste caso voy a postear un tip que posiblemente les sea util a los que trabajan actualmente con Struts 2 y JSP. Y es que si bien es un gran framework (struts 2) tambien tiene algunas cosillas que complican mucho la vida (y que deberian ser simples).

Una de ellas es la creacion de listas de checkbox (si, las del cuadrito palomeado), pues al hacerlo de esta forma:

<s:checkboxlist list="servicios" name="ser" label="Servicio listValue="nombre" listKey="id" >

Nos va a renderizar nuestra lista de checkbox en forma vertical, cosa que se ve muy mal, y el gran manual de apache nos dice que para corregirlo hay que crear un nuevo elemento para el template de struts 2 que renderize un “<br>” en cada checkbox, lo cual es sumamente frustrante (cuando no lo sabes hacer).

Para una solucion rapida y sin tanta complicacion vamos a hacer lo siguiente:

  1. Agregar el siguiente estilo al header de la web (no recomiendo hacerlo en tu hoja de estilos, puesto que solo aplica para un elemento individual).
    <style> label[for*=ser-]:after { content:"\A"; white-space:pre; }</style>
  2. Nota que en el “label[for*=ser-]” el  “ser” es el nombre (propiedad name) de nuestra lista y por tanto únicamente a ese elemento se le aplicara el estilo.

Con esto tu lista se renderizará de forma vertical sin tocar la plantilla de struts 2.

Gracias a Eduardo Islas por el tip

Anuncios

Cuentanos tu reaccion

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s