Question

我正在创建一个简单的外部样式表，我想将其应用于我的birt报告，并且由于未在报表中加载样式表元素而出现问题，或者即使在我尝试渲染为PDF或HTML页面不再应用我定义的样式。下面是我的示例样式表。

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

.report-data
{
    color: #000000;
}

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

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

Answer 1

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

例如，

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

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

Answer 2

我尝试了同样的事情，这对我有用。有了BIRT设计师4.4：

我在与BIRT报告相同的Eclipse项目中创建了一个文件test.css
复制您的样式规则报告标签＆amp;将数据报告到此文件
报告中包含test.css，使用＆＃34;使用css文件＆＃34;，保留选项＆＃34;在运行时包含css＆＃34;选中。
应用报告标签＆amp;报告数据以报告您提及的元素

运行报表时，这些样式都以html和pdf格式正确应用。将报告标签类的颜色更改为＆＃34;绿色＆＃34;在test.css中，在执行报告时会立即考虑此更改。

可能您应该提供一个示例报告，显示问题并指定您放置css文件的位置，在您的案例中找出错误会更容易。

在Birt中使用外部样式表

2 个答案: