Discussions
Categories
Groups
Community Home
Categories
INTERNAL ENABLEMENT
POPULAR
PUBLIC CLOUD
PRIVATE CLOUD
Quick Links
MY LINKS
HELPFUL TIPS
Back to website
Home
Intelligence (Analytics)
Overriding Crosstab default styles
jgisler
Hello,<br />
<br />
Using BIRT 2.6.2.<br />
<br />
I am trying to use the CSS cascade to override the default styles for a crosstab. Essentially we don't want any borders. Of course I could click on every cell and apply a custom "no-border" style to the element but this is time consuming. I cannot change the base styles as the style sheet is a shared resource for many reports.<br />
<br />
What I would like to do is something like below, where I change the main crosstab style to crosstabNoBoarder and the rest is solved by the CSS cascade.<br />
<br />
<pre class='_prettyXprint _lang-auto _linenums:0'>
.crosstab-cell {
border: 1pt solid #CCC;
}
.crosstab {
border: 1pt solid #CCC;
}
.crosstabNoBorder.crosstab {
font-size: 10px;
font-weight: normal;
color: #000;
border: none;
}
.crosstabNoBorder.crosstab-cell {
border: none;
}
</pre>
Find more posts tagged with
Comments
mcremer
We did something similar in our project. We made a Library containing our styles by making a theme.<br />
<br />
In that theme we made<br />
<br />
a theme, that theme we gave all crostap specific stuff. `<br />
<br />
This should look somting like that:<br />
<pre class='_prettyXprint _lang-auto _linenums:0'>
<themes>
<theme name="Example Theme" id="585">
<styles>
<style name="crosstab" id="586">
<property name="borderBottomWidth">thin</property>
<property name="borderLeftWidth">thin</property>
<property name="borderRightWidth">thin</property>
<property name="borderTopWidth">thin</property>
</style>
<style name="crosstab-cell" id="587">
<property name="borderBottomWidth">thin</property>
<property name="borderLeftWidth">thin</property>
<property name="borderRightWidth">thin</property>
<property name="borderTopWidth">thin</property>
</style>
<style name="crosstab-column-grand-total" id="605">
<property name="borderBottomWidth">thin</property>
<property name="borderLeftWidth">thin</property>
<property name="borderRightWidth">thin</property>
<property name="borderTopWidth">thin</property>
</style>
<style name="crosstab-column-header" id="606">
<property name="borderBottomWidth">thin</property>
<property name="borderLeftWidth">thin</property>
<property name="borderRightWidth">thin</property>
<property name="borderTopWidth">thin</property>
</style>
<style name="crosstab-column-sub-total" id="607">
<property name="borderBottomWidth">thin</property>
<property name="borderLeftWidth">thin</property>
<property name="borderRightWidth">thin</property>
<property name="borderTopWidth">thin</property>
</style>
<style name="crosstab-detail" id="608">
<property name="borderBottomWidth">thin</property>
<property name="borderLeftWidth">thin</property>
<property name="borderRightWidth">thin</property>
<property name="borderTopWidth">thin</property>
</style>
<style name="crosstab-header" id="609">
<property name="borderBottomWidth">thin</property>
<property name="borderLeftWidth">thin</property>
<property name="borderRightWidth">thin</property>
<property name="borderTopWidth">thin</property>
</style>
<style name="crosstab-row-grand-total" id="610">
<property name="borderBottomWidth">thin</property>
<property name="borderLeftWidth">thin</property>
<property name="borderRightWidth">thin</property>
<property name="borderTopWidth">thin</property>
</style>
<style name="crosstab-row-header" id="611">
<property name="borderBottomWidth">thin</property>
<property name="borderLeftWidth">thin</property>
<property name="borderRightWidth">thin</property>
<property name="borderTopWidth">thin</property>
</style>
<style name="crosstab-row-sub-total" id="612">
<property name="borderBottomWidth">thin</property>
<property name="borderLeftWidth">thin</property>
<property name="borderRightWidth">thin</property>
<property name="borderTopWidth">thin</property>
</style>
<style name="crosstab-detail-number" id="613">
<property name="borderBottomWidth">thin</property>
<property name="borderLeftWidth">thin</property>
<property name="borderRightWidth">thin</property>
<property name="borderTopWidth">thin</property>
</style>
</styles>
</theme>
</themes>
</pre>
<br />
I hope this helps.