Override another Style?

[Frank Flores]

I'm trying to style the crosstab table.
For the table data, i have a grey line under each row  (Normal.TableBody ) ,
for the Subtotal I have a double black line as the top (Normal.SubTotal ) .

When it prints, I'm getting the double black line and the grey line,
since the data before the subtotal is also the table data

I've deduced it's because one textbox uses Normal.TableBody, which has the grey line at the bottom
and the other textbox uses Normal.SubTotal which is defined as a top border with a double line.
So how would i make the Subtotal Box be the main one?

please see image.


Also, in the stylerule, how come I don't see a place to add a style name in the TypeSelector Collection Editor when adding a new rule (newstyle.png) ?

If I edit an existing (existingstyle.png) rule the stylename box is there.

Here's the export of the Styles

<?xml version="1.0" encoding="utf-8"?>
<StyleSheet xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema">
  <StyleRule>
    <Style>
      <BackgroundColor>White</BackgroundColor>
      <Color>Black</Color>
      <BorderStyle>
        <Default>None</Default>
      </BorderStyle>
      <BorderColor>
        <Default>Black</Default>
      </BorderColor>
      <BorderWidth>
        <Default>1px</Default>
      </BorderWidth>
      <Font>
        <Name>Arial</Name>
        <Size>8pt</Size>
      </Font>
    </Style>
    <Selectors>
      <StyleSelector>
        <Type>Table</Type>
        <StyleName>Normal.TableNormal</StyleName>
      </StyleSelector>
    </Selectors>
  </StyleRule>
  <StyleRule>
    <Style>
      <TextAlign>Center</TextAlign>
      <VerticalAlign>Middle</VerticalAlign>
      <BorderStyle>
        <Top>Solid</Top>
        <Bottom>Solid</Bottom>
        <Left>None</Left>
      </BorderStyle>
      <BorderColor>
        <Top>41, 86, 153</Top>
        <Bottom>41, 86, 153</Bottom>
        <Left>Black</Left>
      </BorderColor>
      <BorderWidth>
        <Top>3px</Top>
        <Bottom>3px</Bottom>
        <Left>0pt</Left>
        <Right>0pt</Right>
      </BorderWidth>
      <Font>
        <Size>11px</Size>
        <Bold>True</Bold>
      </Font>
      <LineWidth>3px</LineWidth>
    </Style>
    <Selectors>
      <DescendantSelector>
        <Selectors>
          <TypeSelector>
            <Type>Table</Type>
          </TypeSelector>
          <StyleSelector>
            <Type>ReportItem</Type>
            <StyleName>Normal.TableHeader</StyleName>
          </StyleSelector>
        </Selectors>
      </DescendantSelector>
    </Selectors>
  </StyleRule>
  <StyleRule>
    <Style>
      <Visible>True</Visible>
      <TextAlign>Right</TextAlign>
      <VerticalAlign>Top</VerticalAlign>
      <BorderStyle>
        <Default>None</Default>
        <Bottom>Solid</Bottom>
      </BorderStyle>
      <BorderColor>
        <Default>Black</Default>
        <Bottom>41, 86, 153</Bottom>
      </BorderColor>
      <BorderWidth>
        <Default>1px</Default>
        <Bottom>4px</Bottom>
      </BorderWidth>
      <Padding>
        <Top>5px</Top>
      </Padding>
    </Style>
    <Selectors>
      <DescendantSelector>
        <Selectors>
          <TypeSelector>
            <Type>Table</Type>
          </TypeSelector>
          <StyleSelector>
            <Type>ReportItem</Type>
            <StyleName>Normal.TableGroup</StyleName>
          </StyleSelector>
        </Selectors>
      </DescendantSelector>
    </Selectors>
  </StyleRule>
  <StyleRule>
    <Style>
      <TextAlign>Right</TextAlign>
      <VerticalAlign>Middle</VerticalAlign>
      <BorderStyle>
        <Default>None</Default>
        <Top>Double</Top>
      </BorderStyle>
      <BorderColor>
        <Default>Black</Default>
      </BorderColor>
      <BorderWidth>
        <Default>0px</Default>
        <Top>4px</Top>
      </BorderWidth>
      <Font>
        <Bold>True</Bold>
      </Font>
      <Padding>
        <Top>0px</Top>
      </Padding>
    </Style>
    <Selectors>
      <DescendantSelector>
        <Selectors>
          <TypeSelector>
            <Type>Table</Type>
          </TypeSelector>
          <StyleSelector>
            <Type>ReportItem</Type>
            <StyleName>Normal.SubTotal</StyleName>
          </StyleSelector>
        </Selectors>
      </DescendantSelector>
    </Selectors>
  </StyleRule>
  <StyleRule>
    <Style>
      <TextAlign>Right</TextAlign>
      <VerticalAlign>Middle</VerticalAlign>
      <BorderStyle>
        <Top>None</Top>
      </BorderStyle>
      <BorderColor>
        <Top>41, 86, 153</Top>
      </BorderColor>
      <BorderWidth>
        <Top>3px</Top>
      </BorderWidth>
      <Font>
        <Bold>True</Bold>
      </Font>
      <Padding>
        <Top>0px</Top>
      </Padding>
    </Style>
    <Selectors>
      <DescendantSelector>
        <Selectors>
          <TypeSelector>
            <Type>Table</Type>
          </TypeSelector>
          <StyleSelector>
            <Type>ReportItem</Type>
            <StyleName>Normal.GrandTotal</StyleName>
          </StyleSelector>
        </Selectors>
      </DescendantSelector>
    </Selectors>
  </StyleRule>
  <StyleRule>
    <Style>
      <TextAlign>Right</TextAlign>
      <VerticalAlign>Middle</VerticalAlign>
      <BorderStyle>
        <Default>None</Default>
        <Bottom>Solid</Bottom>
      </BorderStyle>
      <BorderColor>
        <Default>Black</Default>
        <Bottom>153, 153, 153</Bottom>
      </BorderColor>
      <BorderWidth>
        <Default>1px</Default>
      </BorderWidth>
    </Style>
    <Selectors>
      <DescendantSelector>
        <Selectors>
          <StyleSelector>
            <Type>ReportItem</Type>
            <StyleName>Normal.TableBody</StyleName>
          </StyleSelector>
        </Selectors>
      </DescendantSelector>
    </Selectors>
  </StyleRule>
  <StyleRule>
    <Style>
      <Color>Blue</Color>
      <TextAlign>Right</TextAlign>
      <Font>
        <Size>20px</Size>
        <Bold>True</Bold>
      </Font>
    </Style>
    <Selectors>
      <TypeSelector>
        <Type>ReportHeaderSection</Type>
      </TypeSelector>
      <TypeSelector>
        <Type>HtmlTextBox</Type>
      </TypeSelector>
    </Selectors>
  </StyleRule>
  <StyleRule>
    <Style>
      <TextAlign>Right</TextAlign>
      <Font>
        <Size>14px</Size>
        <Bold>True</Bold>
      </Font>
    </Style>
    <Selectors>
      <TypeSelector>
        <Type>PageHeaderSection</Type>
      </TypeSelector>
    </Selectors>
  </StyleRule>
</StyleSheet>

[Peter]

Hello Frank Flores,

All Telerik Reporting output formats have specific characteristics that determine their usage and impose certain limitations, which need to be taken into consideration when designing reports.

What you are experiencing is expected behavior because the Image rendering extension draws the borders in two fragments. One fragment inside the item and one fragment outside the item. This is done this way to eliminate border size accumulation of near by items.

This is not reproducible in HTML rendering extension as items cannot overlap.

Regards,
Peter
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.