Previous TopicNext Topic


How to link a CSS file

  1. In Library Explorer, right-click Shared Libraries, then choose Add CSS File, as shown in Figure 7-4.
  2. Figure 7-4 Choose Add CSS file

    Figure 7-4 Choose Add CSS file
  3. On Add CSS File, specify the CSS file to place in the resource folder:
    1. In Source File, type the path to the CSS file. You can choose Browse to locate and select the file.
    2. In File Name, optionally type a new name for the CSS file.
    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.
    4. Figure 7-5 shows an example of values supplied in Add CSS File.

      Figure 7-5 Add CSS file with values supplied

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

      Figure 7-6 Library Explorer, showing a CSS file
  4. Link the CSS file to the report:
    1. Choose Outline.
    2. Right-click Styles, then choose Use CSS File, as shown in Figure 7-7.
    3. Figure 7-7 Choose Use CSS File

      Figure 7-7 Choose Use CSS File
    4. 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.
    5. Figure 7-8 Browse, showing the CSS file in the resource folder

      Figure 7-8 Browse, showing the CSS file in the resource folder
    6. Select the CSS file, then choose OK. Use CSS displays the selected CSS file and the styles in that file, as shown in Figure 7-9.
    7. 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
    8. Choose OK to confirm linking the CSS file in the resource folder to the report.
    9. 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 2006

Previous TopicNext Topic