css - 在 Birt 中使用外部样式表

Question

我正在创建一个简单的外部样式表，我想将其应用于我的 birt 报告，但如果我尝试呈现为 PDF，则样式表元素未加载到报告中甚至加载时遇到问题或不再应用我定义的样式的 HTML 页面。下面是我的示例样式表。

.report-label
{
    color: #365F91;
    font-weight: bold;
    font-size: 14pt;
    text-align: left;
}

.report-data
{
    color: #000000;
}

我尝试通过转至 rptdesign 大纲将其应用为一种样式。右键单击“样式”并选择“使用 CSS 文件...”加载样式表后，我转到要应用样式的报告元素，在“常规”选项卡中有一个带有下拉菜单的样式部分，我可以在其中选择要应用的样式。例如，我可能会选择“.report-label”，并且在报告的布局中它看起来像是应用了样式。但是，当我将它作为 PDF 或 HTML 运行时，不再应用该样式。

有时，当我对 CSS 表进行更改时，我会重新加载我所做的，CSS 文件中的所有元素都会消失，我无法再访问它们甚至应用样式。如果我采用确切的代码并将其复制到一个新文件，然后改用该 css 文件，那么我可以再次访问它们。非常感谢任何有关如何使其正常工作的建议，以便在我生成 PDF 和 HTML 报告时所有内容仍然存在

Answer 1

除了使用 BIRT 设计器的“使用 CSS”对话框加载 CSS 文件外，您还可以使用报告布局的 clientScripts > clientInitialize 部分中的 head.js 脚本将外部样式表加载到 BIRT 报告中。

例如，

head.js("http://localhost/sample.css",function() {
    // Call a function when done
    console.log("Done loading external CSS");
});

然后将您的 HTML 包含在报告的文本项中。