Discussions
Categories
Groups
Community Home
Categories
INTERNAL ENABLEMENT
POPULAR
THRUST SERVICES & TOOLS
CLOUD EDITIONS
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.