Using CSS as a Resource
Another option is to import the CSS Style as a Report Project resource, and use the
file in your resource folder.
1. Delete the Styles in the Top Employees report.
2. From either the File menu or the Navigator, right-click and select Import....
In the Import Dialog, select General|File System.
3. Navigate to the directory containing the CSS file. Then, from the file selection
list, select the CSS file.
4. Make sure the Into folder option contains your project name.
Chapter 8
[ 197 ]
5. The CSS file is now part of your project resources. From the Outline, rightclick
on Styles, and choose Use CSS File.... From the Use CSS Dialog, click
on the Browse... button for File Name.
6. You will see two Tree View nodes, with the Resource Folder able to be
expanded. Expand the Resource Folder and select the topEmployees.css file.
7. A list of Styles will show up under the Available styles. Just click OK as
there is no option to select individual styles.
8. The styles that are pre-defined BIRT element names get automatically
applied. Go ahead and apply the Custom Style of title to the Master Page
Header section.
Styles, Themes, and Templates
[ 198 ]
You might notice that the Styles section of the Outline is a little different. Rather
than displaying the Styles themselves??”when using a resource??”it shows the CSS
file name, and when you right-click on the file name, you have the option to Reload.
Pages:
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167