Page Comparison

----
{scrollbar}

----
In this section the necessary steps to make the report look better are detailed.
In particular we'll see how to:
* Align data cells
* Format numeric elements
* Format headers
* Adjust the selected font
\\

Just like it was seen in previous section, when selecting an element in the report, the Properties Editor shows the attributes related to the selected element thus allowing us to modify its behavior or presentation.

This lets us modify the format of each of the elements in the report independently, thus achieving great flexibility.

However, it is also possible to adjust the format of the report by defining styles that will let us control the properties of several similar elements simultaneously.
This tutorial explains how to format the report through the use of styles.

h3. Defining Styles

In the report built so far the following elements can be identified:
* Titles in the table header.
* Salesperson's name in the Salespeople group header
* Name of the Wine in the detail row.
* Numeric values corresponding to the Litres sold and Net Sales in the detail row.
* Subtotals for the numeric values.

This classification suggests the need to count on different styles for each case.

h5. Style for the Table Header

# Select the option New Style from the Element menu (Element -> New Style...)
This displays the styles editor. This editor can be invoked through other mechanisms, such as right clicking on the element to be given a new style.
# Enter *Header* as the Style name (Custom Style)
# Select the group of attributes *Text Block* on the left
# Select a centered Text alignment
# Select the group of attributes *Border*
# Define the top and bottom borders as *Solid* with a width of *1 point*
!EditorEstilos.png|vspace=10,hspace=10!
# Accept changes to close the Style Editor.
Thus we have created the new Header style which could be assigned to any element in the report.
# Select the label Wines_Wine (Vinos_Vino)from the table header
# In the Properties Editor, in the General group, select the recently created style.
The report will adjust to format the label according to the format of the style.
# Asign the style to the Litres Sold and Net Sales labels.

h5. Style for the Salespeople Group Header

# Create a new style called Group Header.
# Select the group of attributes *Background* and define y define RGB(240,240,240)as the background color.
# Asign this style to the label corresponding to the Salesperson's name (Vendedores_Vendedor)

So far the report should look something like the following image.
!FormateandoEncabezados.png|vspace=10,hspace=10!

h5. CombiningMerging Cells.

The group header Elwould encabezadolook delmore grupoattractive seif veríait máswere vistosospread siover abarcaraall elthe anchowidth totalof delthe reportereport. EstoThis puedecan lograrsebe juntandoachieved celdasby (MergeMerging Cells).
# SeleccioneSelect lathe celdacell dondewhere sethe encuentraSalespeople_Salesperson lalabel etiquetais (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)
Please note that in order to select the cell you must click on the available space between the division lines of the table and the edge of the label. In the Properties Editor, make sure that the cell, not the label, has been selected.
The title of that editor should read *Properties Editor - Cell* yand nonot *Properties Editor - Data*
# SeleccioneSelect elthe restoremaining decells lasin celdasthe degroup laheader filarow dewhile encabezadoyou dekeep grupothe mientrasSHIFT sekey mantienepressed.
presionadaThe laselection teclawill SHIFTenlarge Lato seleccióncontain seall iráthe agrandandocells hastain abarcar todas las celdas de dicha fila
# Presione el botón derecho del mouse y seleccione la opciónsuch row.
# Press the right mouse button and select the option *Merge Cells*
LasThe celdascells dein lathe filagroup deheader encabezadorow delwill grupomerge seso juntaránthat dethere modowill quebe quedeonly unaone solacovering queall abarquethe elwidth anchoof totalthe detable. laThe tabla.style Elwith estiloa con elbackground color demakes fondothis dejaeven másmore enevident.
evidencia
esto

h5. EstiloStyle parafor valoresdetail numéricos de detallenumeric values.

# CreeCreate una nuevonew estilostyle llamadonamed ValorValue.
# SeleccioneSelect elthe grupoproperties degroup propiedades *Text Block* yand definadefine lathe alineaciónright a laalignment
derecha
# SeleccioneSelect elthe grupoproperties de propiedadesgroup *Format Number*
# ElijaChoose elthe formatopredefined predefinidoformat *Fixed* conwith 2 decimal decimalespositions yand activeactivate elthe checkbox delfor separadorthe dethousand milesseparator.
# AsigneAsign estethis nuevonew estilostyle ato loselements elementosLitres LitrosSold Vendidosand yNet VentaSales Netain dethe la fila de detalledetail row.

h5. Estilo para los subtotales

# Cree un nuevo estilo llamado Subtotal
# Ajuste la alineación a a la derecha y el formato numérico similar al del estilo Valor
# Defina un borde superior que de la idea de totalización
# Asigne este nuevo estilo a los subtotales de Litros Vendidos y Venta Neta

h5. 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
# Seleccione la tabla
Esto muestra selectores para las filas y columnas alrededor de la tabla
# Seleccione la primera columna
# 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í
!ReporteFormateado.png|vspace=10,hspace=10!

h3. 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.
!EstilosPredefinidos.png|vspace=10,hspace=10!

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

----
{scrollbar}