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; } } }

BIRT putting css classes forcefully on report

pulin

Hi All,

I've designed 2 separate reports in birt and integrating them into a single page through JSF. The work flow is, we have tab structure in web page where the reports are getting rendered. one tab contain single report and another tab club both the reports.

Now the problem is first report(in 1st tab) comes very nicely but in 2nd tab(contains second report+first report) is totally cluttered. Both are using the same style sheet which is being linked (not imported).

some of the elements are taking classes which are not applied to them.
PS : I can't attached screen shot here, forum's attach button is not woking i guess

Any help will be appreciated

Thanx
Hem

Find more posts tagged with

Comments

mwilliams

Hi Hem,

What is the file type you're trying to attach? Please try attaching the images again. It should work if they're .jpg at least. Also, could you attach the CSS file? What styles are getting applied incorrectly. How are the two reports joined?

pulin

<blockquote class='ipsBlockquote' data-author="'mwilliams'" data-cid="70451" data-time="1290094449" data-date="18 November 2010 - 08:34 AM">
Hi Hem, 
 
What is the file type you're trying to attach? Please try attaching the images again. It should work if they're .jpg at least. Also, could you attach the CSS file? What styles are getting applied incorrectly. How are the two reports joined? </blockquote>
 
 
Hi, 
 
Thanks here is the image in .jpg format. i have highlighted the image where the styles are applying incorrectly. we are including 2 reports in one jsf page like below. 
 
<div id="publicFilings"> 
<birt:birtWrapper reportDesign="/reports/premium/public_filings_summary.rptdesign"/> 
 
<birt:birtWrapper reportDesign="/reports/premium/public_filings.rptdesign"/> 
</div> 
 
 
 
 
Also, BIRT create its own style like "style_1,_2 .." randomly with same name with different attributes, 
 
like style_1{font-size:11px}, style_1{font-size:12px} 
 
Both Reports are using the same style sheet. I have also attached the css file with it.

mwilliams

Ok, I understand now. This seems like it's probably a bug to me. What is your BIRT version? You might search the bugs to see if there is anything like this reported already. If you don't find anything in a quick search, please file something on this.

http://www.birt-exchange.org/org/resources/bug-reporting/

Just a thought. What happens when you only apply the CSS style sheet to one of the reports and then join them like this? Does it still mess up?

pulin

<blockquote class='ipsBlockquote' data-author="'mwilliams'" data-cid="70550" data-time="1290195065" data-date="19 November 2010 - 12:31 PM">
 
Just a thought. What happens when you only apply the CSS style sheet to one of the reports and then join them like this? Does it still mess up? </blockquote>
 
When we apply the CSS style sheet to only one of the reports and join them, second report doesn't take the style and it's also messed up ... 
 
Moreover, we are using birt 2.5.2

mwilliams

Please log a bug for this.