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 Resource
1 In Source File, type the path to the CSS file, or choose Browse to locate and select the file.
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 Resource 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-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.
4 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.
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.
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
(c) Copyright Actuate Corporation 2013 |