Previous Next

Formatting Report Content : How to link a CSS file

How to link a CSS file

1
In Resource Explorer, right-click Shared Resources, then choose Add Resource, as shown in Figure 7‑4.

Figure 7-4 Choose Add CSS file

Figure 7-4
Choose Add Resource
2
On Add Resource, specify the CSS file to place in the resource folder.
1
2
3
In Folder, the read-only path value shows the location of the BIRT resource folder. You can add the CSS file to this root folder, or choose Browse to select a subfolder in which to place the CSS file.
Figure 7‑5 shows an example of values supplied in Add Resources.

Figure 7-5 Add CSS File with values supplied

Figure 7-5
Add Resources with values supplied
4
Choose Finish. The CSS file appears in Resource Explorer, and it is available to any report design. Expand the file to display all styles, as shown in Figure 7‑6.

Figure 7-6 Library Explorer showing a CSS file

Figure 7-6
Library Explorer showing a CSS file
3
Link the CSS file to the report by performing the following tasks:
1
2

Figure 7-7 Choose Use CSS File

Figure 7-7
3
On Use CSS, choose Browse to select the CSS file to link to the report. The Browse dialog, shown in Figure 7‑8, displays the resource folder and the CSS files in the folder.

Figure 7-8 Browse showing the CSS file in the resource folder

Figure 7-8
Browse showing the CSS file in the resource folder
4

Figure 7-9 Use CSS showing the selected CSS file and its styles

Figure 7-9
Use CSS showing the selected CSS file and its styles
5
The linked CSS file and its styles appear under Styles in Outline, as shown in Figure 7‑10. The style names appear in gray, indicating that they are not defined in the report design, but rather, are linked from an external file.

Figure 7-10 Outline showing a linked CSS file and its styles

Figure 7-10
Outline showing a linked CSS file and its styles

(c) Copyright Actuate Corporation 2008