Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migration of unmigrated content due to installation of a new plugin

...

Wiki Markup
----
{scrollbar}
{
Page Tree

...

root

...

Tutorial

...

O3

...

Report

...

En esta sección se detallan los pasos necesarios para hacer que el reporte luzca mejor. En particular se verá cómo

  • Alinear las celdas de datos
  • Formateo de elementos numéricos
  • Formateo de los encabezados
  • Ajustes a la fuente utilizada

Tal como se vio en secciones anteriores, al seleccionar un elemento del reporte, el Editor de Propiedades muestra atributos relacionados con el elemento seleccionado permitiendo así modificar su comportamiento o presentación.

Esto permite modificar el formato de cada uno de los elementos del reporte en forma independiente logrando una gran flexibilidad.

Sin embargo, también es posible ajustar el formato del reporte definiendo estilos que permitan controlar las propiedades de varios elementos similares en forma simultánea. Este tutorial explica cómo formatear el reporte haciendo uso de los estilos.

Definiendo Estilos

En el reporte construido hasta el momento se pueden identificar los siguientes tipos de elementos

  • Títulos en el encabezado de la tabla
  • Nombre del Vendedor en el encabezado del grupo de Vendedores
  • Nombre del Vino en la fila de detalle
  • Valores numéricos correspondientes a Cantidad de Litros y Venta Neta en la fila de detalle
  • Subtotales para los valores numéricos

Esta clasificación sugiere la necesidad de contar con estilos diferentes para cada caso.

Estilo para el Encabezado de la Tabla
  1. Seleccione la opción de menú Element -> New Style...
    Esto despliega el editor de estilos. Este editor puede invocarse mediante otros mecanismos como por ejemplo botón derecho sobre el elemento al que luego se le asignará el estilo
  2. Ingrese Encabezado como nombre del Estilo (Custom Style)
  3. Seleccione el grupo de atributos Text Block a la izquierda
  4. Seleccione la alineación del texto (Text alignment) centrada
  5. Seleccione el grupo de atributos Border
  6. Defina los bordes superior e inverior de tipo Solid y de ancho 1 point
    Image Added
  7. Acepte los cambios para cerrar el Editor de Estilos
    Con esto se ha creado el nuevo estilo Encabezado el cual podrá asignarse a cualquier elemento del reporte
  8. Seleccione la etiqueta Vinos_Vino del encabezado de la tabla
  9. En el Editor de Propiedades de dicha etiqueta, en el grupo General, seleccione el estilo (style) recién creado
    El reporte se ajustará para formatear la etiqueta de acuerdo al formato del estilo
  10. Asigne el estilo a las etiquetas Litros Vendidos y Venta Neta
Estilo para el Encabezado del Grupo de Vendedores
  1. Cree un nuevo estilo llamado Encabezado Grupo
  2. Seleccione el grupo de atributos Background y defina como color de fondo RGB(240,240,240)
  3. Asigne este estilo a la etiqueta correspondiente al nombre del Vendedor Vendedores_Vendedor

Hasta el momento el reporte debería verse similar a la siguiente figura
Image Added

Juntando Celdas

El encabezado del grupo se vería más vistoso si abarcara el ancho total del reporte. Esto puede lograrse juntando celdas (Merge Cells)

  1. Seleccione la celda donde se encuentra la etiqueta Vendedores_Vendedor
    Notar que para seleccionar la celda debe hacerse click en el espacio disponible entre las líneas de división de la tabla y el borde de la etiqueta. Verificar en el Editor de Propiedades que se ha seleccionado la celda y no la etiqueta. El título de dicho editor debería decir Properties Editor - Cell y no Properties Editor - Data
  2. Seleccione el resto de las celdas de la fila de encabezado de grupo mientras se mantiene presionada la tecla SHIFT
    La selección se irá agrandando hasta abarcar todas las celdas de dicha fila
  3. Presione el botón derecho del mouse y seleccione la opción Merge Cells
    Las celdas de la fila de encabezado del grupo se juntarán de modo que quede una sola que abarque el ancho total de la tabla. El estilo con el color de fondo deja más en evidencia esto
Estilo para valores numéricos de detalle
  1. Cree un nuevo estilo llamado Valor
  2. Seleccione el grupo de propiedades Text Block y defina la alineación a la derecha
  3. Seleccione el grupo de propiedades Format Number
  4. Elija el formato predefinido Fixed con 2 decimales y active el checkbox del separador de miles
  5. Asigne este nuevo estilo a los elementos Litros Vendidos y Venta Neta de la fila de detalle
Estilo para los subtotales
  1. Cree un nuevo estilo llamado Subtotal
  2. Ajuste la alineación a a la derecha y el formato numérico similar al del estilo Valor
  3. Defina un borde superior que de la idea de totalización
  4. Asigne este nuevo estilo a los subtotales de Litros Vendidos y Venta Neta
Indentación de la fila de detalle

Por último ajustaremos el ancho de la primera columna para que tenga un tamaño fijo y dé la noción de indentación necesaria para identificar los vinos que corresponden a cada vendedor

  1. Seleccione la tabla
    Esto muestra selectores para las filas y columnas alrededor de la tabla
  2. Seleccione la primera columna
  3. Especifique un ancho de 1 cm para dicha columna en el Editor de Propiedades

El reporte formateado debería verse más o menos así
Image Added

Estilos predefinidos

Existe un conjunto de estilos ya predefinidos con la herramienta que permiten formatear elementos famosos del reporte.
Tal es el caso de tablas, filas, celdas, etc.
A continuación se muestra el editor de estilos donde se ha seleccionado la opción de Estilo Predefinido, lo cual permite seleccionar el estilo que se desea modificar.
Image Added

En particular la imagen muestra la selección del estilo report que permite configurar el formato de todo el reporte.

...

Wiki Markup
{scrollbar}