css file in report design

patilyogesh@icloud.com

<p>Hi </p>
<p> </p>
<p>I am trying to load a simple css to a bird report and associate it with a Dynamic HTML text in a simple bit report but i am getting cannot import style in notifications</p>
<p> </p>
<p>I am expecting the page to be rendered as </p>
<p> </p>
<p><a data-ipb='nomediaparse' href='http://www.w3schools.com/css/tryit.asp?filename=trycss_navbar_vertical_fixed'>http://www.w3schools.com/css/tryit.asp?filename=trycss_navbar_vertical_fixed</a></p&gt;
<p> </p>
<p>Do you see any issues </p>

Clement Wong

<p>According to <a data-ipb='nomediaparse' href='http://developer.actuate.com/be/documentation/ihub3/help/adg/adg27/index.html#page/ADG/fm-HowToLinkACSSFile.html'>http://developer.actuate.com/be/documentation/ihub3/help/adg/adg27/index.html#page/ADG/fm-HowToLinkACSSFile.html</a></p&gt;
<p> </p>
<p style="margin-left:40px;"><em>BIRT Report Designer supports the CSS2 specification. Not all CSS2 properties, however, are supported. For a list of unsupported properties, see the Style and CSS specification document, which is available at the following URL:</em></p>
<div style="margin-left:40px;"><em><a data-ipb='nomediaparse' href='http://www.eclipse.org/birt/phoenix/ref'>http://www.eclipse.org/birt/phoenix/ref</a></em><br&gt;
 </div>
<div style="margin-left:40px;"><em>Styles that use unsupported properties are available to a report. The unsupported properties, however, do not have an effect when applied to a report element.</em></div>
<div> </div>
<div> </div>
<div>If you want to use the full CSS, you can use head.js, which is available as of BIRT 4.3 (<a data-ipb='nomediaparse' href='https://eclipse.org/birt/phoenix/project/notable4.3.php#jump_6'>https://eclipse.org/birt/phoenix/project/notable4.3.php#jump_6</a>), to include your custom CSS styles.</div>
<div> </div>
<div>The attached example illustrates this technique using your example.  You will need to place the sample.css in your birt viewer root directory.  For me, it's located in C:\BIRT4.5.0\eclipse\plugins\org.eclipse.birt.report.viewer_4.5.0.v201506092134\birt.</div>
<div> </div>
<div>The <em>clientScripts > clientInitialize</em> event has the code:</div>
<div style="margin-left:40px;"><span style="font-family:'courier new', courier, monospace;">head.js ("/viewer/sample.css");</span></div>
<div> </div>
<div>And I did modify the HTML slightly and added <span style="font-family:'courier new', courier, monospace;">position:absolute;</span> in the <span style="font-family:'courier new', courier, monospace;"><div></span>:</div>
<div style="margin-left:40px;"><span style="font-family:'courier new', courier, monospace;"><div style="<span style="color:#b22222;"><strong>position:absolute;</strong></span>margin-left:25%;padding:1px 16px;height:1000px;"></span></div>
<div> </div>
<div>