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}

----
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 

...

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 the 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.

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.

Style for the Table Header
  1. 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.
  2. Enter Header as the Style name (Custom Style)
  3. Select the group of attributes Text Block on the left
  4. Select a centered Text alignment
  5. Select the group of attributes Border
  6. Define the top and bottom borders as Solid with a width of 1 point
    Image Added
  7. Confirm changes to close the Style Editor.
    Thus we have created the new Header style which could be assigned to any element in the report.
  8. Select the label Wines_Wine (Vinos_Vino)from the table header
  9. 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.
  10. Asign the style to the Litres Sold and Net Sales labels.
Style for the Salespeople Group Header
  1. Create a new style called Group Header.
  2. Select the group of attributes Background and define y define RGB(240,240,240)as

...

  1. the

...

  1. background

...

  1. color.

...

  1. Asign

...

  1. this

...

  1. style

...

  1. to

...

  1. the

...

  1. label

...

  1. corresponding

...

  1. to

...

  1. the

...

  1. Salesperson's

...

  1. name

...

  1. (Vendedores_Vendedor)

...

So

...

far

...

the

...

report

...

should

...

look

...

something

...

like

...

the

...

following

...

image.
Image Added

Merging Cells

The group header would look more attractive if it were spread over all the width of the report. This can be achieved by Merging Cells.

  1. Select the cell where the Salespeople_Salesperson label is (Vendedores_Vendedor)

...


  1. Please

...

  1. note

...

  1. that

...

  1. in

...

  1. order

...

  1. to

...

  1. select

...

  1. the

...

  1. cell

...

  1. you

...

  1. must

...

  1. click

...

  1. on

...

  1. the

...

  1. available

...

  1. space

...

  1. between

...

  1. the

...

  1. division

...

  1. lines

...

  1. of

...

  1. the

...

  1. table

...

  1. and

...

  1. the

...

  1. edge

...

  1. of

...

  1. the

...

  1. label.

...

  1. In

...

  1. the

...

  1. Properties

...

  1. Editor,

...

  1. make

...

  1. sure

...

  1. that

...

  1. the

...

  1. cell,

...

  1. not

...

  1. the

...

  1. label,

...

  1. has

...

  1. been

...

  1. selected.

...


  1. The

...

  1. title

...

  1. of

...

  1. that

...

  1. editor

...

  1. should

...

  1. read

...

  1. Properties

...

  1. Editor

...

  1. -

...

  1. Cell

...

  1. and

...

  1. not

...

  1. Properties

...

  1. Editor

...

  1. -

...

  1. Data

...

  1. Select

...

  1. the

...

  1. remaining

...

  1. cells

...

  1. in

...

  1. the

...

  1. group

...

  1. header

...

  1. row

...

  1. while

...

  1. you

...

  1. keep

...

  1. the

...

  1. SHIFT

...

  1. key

...

  1. pressed.

...


  1. The

...

  1. selection

...

  1. will

...

  1. enlarge

...

  1. to

...

  1. contain

...

  1. all

...

  1. the

...

  1. cells

...

  1. in

...

  1. such

...

  1. row.

...

  1. Press

...

  1. the

...

  1. right

...

  1. mouse

...

  1. button

...

  1. and

...

  1. select

...

  1. the

...

  1. option

...

  1. Merge

...

  1. Cells

...


  1. The

...

  1. cells

...

  1. in

...

  1. the

...

  1. group

...

  1. header

...

  1. row

...

  1. will

...

  1. merge

...

  1. so

...

  1. that

...

  1. there

...

  1. will

...

  1. be

...

  1. only

...

  1. one

...

  1. covering

...

  1. all

...

  1. the

...

  1. width

...

  1. of

...

  1. the

...

  1. table.

...

  1. The

...

  1. style

...

  1. with

...

  1. a

...

  1. background

...

  1. color

...

  1. makes

...

  1. this

...

  1. even

...

  1. more

...

  1. evident.

...

Style

...

for

...

detail

...

numeric

...

values

...

  1. Create

...

  1. a

...

  1. new

...

  1. style

...

  1. named

...

  1. Value.

...

  1. Select

...

  1. the

...

  1. properties

...

  1. group

...

  1. Text

...

  1. Block

...

  1. and

...

  1. define

...

  1. the

...

  1. right

...

  1. alignment

...

  1. Select

...

  1. the

...

  1. properties

...

  1. group

...

  1. Format

...

  1. Number

...

  1. Choose

...

  1. the

...

  1. predefined

...

  1. format

...

  1. Fixed

...

  1. with

...

  1. 2

...

  1. decimal

...

  1. positions

...

  1. and

...

  1. activate

...

  1. the

...

  1. checkbox

...

  1. for

...

  1. the

...

  1. thousand

...

  1. separator.

...

  1. Assign this new style to elements Litres Sold and Net Sales in the detail row.
Style for the subtotals
  1. Create new style called Subtotal
  2. Adjust alignment to the right and the numeric format similar to the Value style.
  3. Define a top and bottom border to suggest totalizing.
  4. Assign this new style to subtotals Litres sold and Net Sales.
Indenting the detail row

Finally, we will adjust the width of the first column so that it has a fixed size and suggests the necessary indentation to identify the wines that correspond to each salesperson.

  1. Select the table
    This shows selectors for the rows and columns around the table.
  2. Select the first column
  3. Specify a width of 1 cm for that column in the Properties Editor.

The formatted report should look more or less like this.
Image Added

Predefined Styles

The tool includes a set of predefined styles that enable you to format relevant elements in the report.
Such is the case of tables, rows, cells, etc
Below, you can see the Styles Editor, where the option Predefined Style has been selected, which enables us to select the style you wish to modify.
Image Added

In particular, the image shows the selection of report style that allows for configuration of all the report.

...

Wiki Markup
{scrollbar}