Question

我想在Birt Report中使用CSS3。但它显示了CSS2的问题。

  A BIRT exception occurred.
  Plug-in Provider:Eclipse BIRT Project
  Plug-in Name:BIRT Model
  Plug-in ID:org.eclipse.birt.report.model
  Version:4.3.1.v201308301349
  Error Code:Error.StyleSheetException.SYNTAX_ERROR
  Error Message:There are some syntax errors inconsistent with CSS2.

所以任何人都可以帮助我，我怎样才能将CSS3文件用于我的报告。有没有插件或一些步骤，请告诉我。

Answer 1

您只能在html格式中使用css3，方法是在viewtime中包含css文件。但它会被pdf＆amp;其他格式。

enter image description here

例如，我们将在viewtime包含此jquery-mobile主题：

//ajax.googleapis.com/ajax/libs/jquerymobile/1.4.2/jquery.mobile.min.css

enter image description here

要测试此示例，请在报告中添加BIRT文本元素，将类型设置为HTML并在下面包含片段：

<button data-icon="star" data-theme="a" data-form="ui-btn-up-a" class=" ui-btn ui-btn-a ui-icon-star ui-btn-icon-left ui-shadow ui-corner-all">Button</button>

运行报告，你会看到一个很棒的jqueryMobile-like css3按钮！

Answer 2

您还可以使用head.js在报告的clientScripts中加载外部文件。例如，在报告的clientScripts＆gt;中clientInitialize事件，添加：

head.js("http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js",
"http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css");

在XML源代码中，它显示为以下代码中的最后一行。

<?xml version="1.0" encoding="UTF-8"?>
<report xmlns="http://www.eclipse.org/birt/2005/design" version="3.2.23" id="1">
<property name="createdBy">Eclipse BIRT Designer Version 4.4.0.v20150206-1039 Build &lt;4.2.3.v20150206-1039></property>
<property name="units">in</property>
<method name="clientInitialize"><![CDATA[head.js("http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js", "http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css");
]]></method>

我可以在Birt报告中使用css3吗？

2 个答案: