Anterior Siguiente

Tarea 7:  Formatear el informe

Ahora que ha verificado que el informe visualiza los datos correctos en el orden correcto, puede dirigir su atención a mejorar el aspecto del informe. En esta sección realiza las tareas siguientes:

*
*
*
*

Editar las cabeceras de columna

1  
2  
3  
Sustituya CUSTOMERNAME por el siguiente texto:
Cliente
4  
Repita los pasos 2 y 3 para cambiar las cabeceras de la segunda y tercera columna al texto siguiente:
Teléfono
Contacto
El diseño del informe debe tener un aspecto como el que se muestra en la figura 1-23.

Figura 1-23	Cabeceras de columna revisadas en un diseño de informe

Figura 1-23  Cabeceras de columna revisadas en un diseño de informe

Formatear las cabeceras de columna

Para formatear un elemento de informe, defina sus propiedades de una de estas dos maneras:

*
*

Es posible que vea que en el diseño del informe, las cabeceras de columna aparecen en texto plano y están alineados al centro. No obstante, el informe HTML generado muestra las cabeceras de columna en negrita y centradas. Esta discrepancia se produce porque BIRT utiliza el formato predeterminado del navegador para los elementos colocados en una cabecera de tabla.

En este procedimiento, se utiliza el Editor de propiedades para alinear las cabeceras de columna a la izquierda, y se define un estilo para añadir color a la fila de la cabecera.

1  
1  

Figura 1-24	Propiedades de los elementos seleccionados en el Editor de propiedades

Figura 1-24  Propiedades de los elementos seleccionados en el Editor de propiedades

Botón Izquierda

2  

Botón Negrita

3  
4  
2  
1  
Aparece Estilo nuevo, tal como se muestra en la figura 1-25. El lado izquierdo muestra las categorías de las propiedades. El lado derecho visualiza las propiedades para la categoría que selecciona.

Figura 1-25 Estilo nuevo

Figura 1-25  Estilo nuevo
2  
table_header_row
3  
4  
*
*
Seleccione Aceptar.
5  

Figura 1-26	 Celdas de guía en la parte superior y lado izquierdo de una tabla

Figura 1-26  Celdas de guía en la parte superior y lado izquierdo de una tabla
6  
7  
8  
3  

Figura 1-27	Vista previa del informe, que muestra el estilo de la fila de cabecera

Figura 1-27  Vista previa del informe, que muestra el estilo de la fila de cabecera

Visualizar el nombre y el apellido en la misma línea

Cuando coloca varios elementos en una misma celda, el Diseñador de informes BIRT crea elementos a nivel de bloque. Si está familiarizado con HTML, sabrá que cada elemento de bloque empieza en una línea nueva. Para visualizar varios elementos en la misma línea, necesita establecerlos como elementos en línea. De forma opcional, puede concatenar los valores de nombre y de apellido para visualizarlos en un único elemento de datos, tal y como se describe en este procedimiento.

1  
2  
3  
Editar enlace de datos, que se muestra en la Figura 1-28, muestra información sobre los datos asociados al elemento de datos actual. En Expresión, dataSetRow["CONTACTFIRSTNAME"] indica que el elemento de datos muestra datos del campo CONTACTFIRSTNAME del conjunto de datos.

Figura 1-28 Editar enlace de datos

Figura 1-28  Editar enlace de datos

Botón Constructor de expresiones

4  
El constructor de expresiones visualiza la expresión en el área de texto situada en la parte superior de la ventana.
5  
dataSetRow["CONTACTFIRSTNAME"] + " " + dataSetRow["CONTACTLASTNAME"]
La figura 1-29 muestra esta expresión en el constructor de expresiones. Las comillas vacías (" ") añaden un espacio entre el nombre y el apellido. Puede especificar la expresión en el área de texto o efectuar una doble pulsación en un elemento en la parte inferior derecha de la ventana para insertarlo en la expresión.

Figura 1-29 El constructor de expresiones que muestra la expresión para concatenar datos

Figura 1-29  El constructor de expresiones que muestra la expresión para concatenar datos
6  
La expresión editada aparece en Editar enlace de datos.
7  
8  

Figura 1-30 Vista previa del informe donde se muestran nombres de contacto concatenados

Figura 1-30  Vista previa del informe que muestra nombres de contacto concatenados

Aumentar el espacio entre filas

El diseño predeterminado añade un espacio mínimo entre las filas de la tabla. Normalmente, deseará ajustar el espaciado entre filas.

1  
2  

Figura 1-31	Fila de tabla seleccionada en el editor de diseño

Figura 1-31  Fila de tabla seleccionada en el editor de diseño
El Editor de propiedades mostrará las propiedades de la fila. El título que aparece en el Editor de propiedades muestra el tipo de elemento seleccionado, por lo que verá Editor de propiedades - Fila.
3  

Figura 1-32 Altura de la fila establecida en 24 puntos

Figura 1-32  Altura de la fila establecida en 24 puntos
4  

Figura 1-33 Vista previa del informe que muestra el aumento del espaciado de las filas

Figura 1-33  Vista previa del informe que muestra el aumento del espaciado de las filas

(c) Copyright Actuate Corporation 2013