Label Alignment for Number Field (Tabular report)

[ivan77]

Hi,

How can I set label right alignment for a number field and left alignment for a text field in 1 tabular report ?

Rgds,

[CoopperBackpack]

Hello @ivan77,

There are 2 CSS classes responsible for the header titles:

• cbResultSetHeaderCell (for text fields)
• cbResultSetHeaderCellNumberDate (for the numeric and Date fields)

 

Please go to the Styles > Result Page > Table Layout > Source > Search for the 'cbResultSetHeaderCell' and 'cbResultSetHeaderCellNumberDate'

Change the 'text-align' property and double-check if there is a semicolon at the end.

[ivan77]

Hi @CoopperBackpack,

the text alignment setting only works on 'cbResultSetHeaderCell', nothing change if I set on 'cbResultSetHeaderCellNumberDate'

Now, text value also having right alginment

 

Rgds,

[CoopperBackpack]

Hi @ivan77,

When I look at your screenshot, I understand this might be a Pivot table, not the Tabular Report.  Labels like 'Sum of...' are typical for the Pivot table. 

1) Please double-check the DataPage type.

2) Please confirm that you need to apply alignment only for labels and not for values.

[ivan77]

59 minutes ago, CoopperBackpack said:

Hi @ivan77,

When I look at your screenshot, I understand this might be a Pivot table, not the Tabular Report.  Labels like 'Sum of...' are typical for the Pivot table. 

1) Please double-check the DataPage type.

2) Please confirm that you need to apply alignment only for labels and not for values.

Yes it is a pivot datapage, and alignment for both labels and values

[CoopperBackpack]

Hi @ivan77,

Thank you for your clarification. 

Since labels on the Pivot table have the same classes, you may test the following approach: add styles to the Header section of the DataPage and reference the fields by their position number.

On your screenshot the highlighted fields are the 3rde and the 4th fields, so please test the code:

<style> 
th[class*="cbResultSetHeaderCell"]:nth-of-type(3),
th[class*="cbResultSetHeaderCell"]:nth-of-type(4) {
     text-align: right;
  }

td[class*="cbResultSetData"]:nth-of-type(3),
td[class*="cbResultSetData"]:nth-of-type(4) {
     text-align: right;
  }
</style>

 

[ivan77]

Thanks a lot @CoopperBackpack It works as expected

Rgds,