Previous Next

How to link a CSS file

1  

Figure 7-4 Choose Add CSS file

Figure 7-4  Choose Add Resource
2  
1  
2  
3  
In Folder, the read-only path value shows the location of the BIRT resource folder. 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 specified in Add Resource.

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  Resource Explorer showing the styles in a CSS file
3  
1  
2  

Figure 7-7 Choose Use CSS File

Figure 7-7  Choose Use CSS File
3  
In 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  
Optionally, link a CSS file at report view time, using the following steps. Use this option to apply HTML-only selectors, such as :link and :visited to customize the style of hyperlinks.
1  
2  
6  
Choose OK. 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 2011