nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

External css in reports

appform

Hi All,
 
I am adding external .css file for a chart and a table.
I have written below code for chart-title
 
.chart-title { color : #FFFFE0; font-family : arial; }
 
but css is not reflecting for chart title.
I have added css for table header,detail,footer css also and it is working fine.
 
I published css file and table.rptdesign to iportal and running through acadmin but css not effecting there.
 
 
Where i am doing wrong please suggest me.
Also suggest me how can i add css for table cells.
 
Regards,
Swapna.

Find more posts tagged with

Comments

kclark

Are you using open source BIRT or using <a data-ipb='nomediaparse' href='http://www.actuate.com/info/download-birt-designer-pro-windows/'>BD Pro</a>? I believe that right now BD Pro is the only designer that supports CSS for charts. You can script style changes in OS BIRT though. With a little bit of code it should be easy enough to write style information into a properties file then read that file at the time of report generation and make the style changes as defined there.

appform

Hi Clark,
 
This is fine but our motive is to use global css for all reports .. So we are using this format to add external css file ..
So Adding through JS in each report is not a perfect solution . 
Please provide a solution for external css.
 
Regards,
Swapna.

kclark

There's no way to style a chart in open source BIRT with external CSS. If you're needing to specifically use CSS then I recommend looking at BDPro. Otherwise you'll need to script the styles in a way like I had suggested. You can file an enhancement request for this <a data-ipb='nomediaparse' href='https://bugs.eclipse.org/bugs/enter_bug.cgi?product=BIRT'>here</a>