How to make calculated field BOLD

[BFuchs]

Hi,

Would like to know how do I change formatting of a calculated field in datapage?

Tried the following in header section but not working.

<style>
.cbFormCalculatedField {
    color: blue;
    font-size: 20px;
    font-weight: 1000;
}
</style>

Thanks

[sandy159]

Hi @Hiperf,

You may want to select a specific column. Refer to the forum post:

Change the number within the () depending on which column you want to change color. Add this in the Header of the Results Page Configuration, make sure to disable HTML Editor before pasting the code.

<style>
td[class*="cbResultSetData"]:nth-of-type(9){
color: red !important;
}
</style>

[Vitalikssssss]

Hi @BFuchs,

Try using complex css selectors as per below:

<style>
  
td.cbResultSetData.cbResultSetTableCellNumberDate.cbResultSetCalculatedField {
    color: blue;
    font-size: 20px;
    font-weight: 1000;
}
</style>

Hope this helps.

Regards,

vitalikssssss

[BFuchs]

9 hours ago, Vitalikssssss said:

Hi @BFuchs,

Try using complex css selectors as per below:

<style>
  
td.cbResultSetData.cbResultSetTableCellNumberDate.cbResultSetCalculatedField {
    color: blue;
    font-size: 20px;
    font-weight: 1000;
}
</style>

Hope this helps.

Regards,

vitalikssssss

 

[BFuchs]

Hi Vitalikssssss,

 

Tried that too, nothing changed.

 

Thanks,

Ben

[BFuchs]

On 11/29/2019 at 12:59 PM, BFuchs said:

Hi Vitalikssssss,

 

The following seems to be working, wondering if this is the correct way...?

span.cbFormData.cbFormCalculatedField{
    color: red;
    font-size: 20px;
    font-weight: 1000;
}

 

Thanks,

Ben

 

[Vitalikssssss]

On 11/29/2019 at 7:59 PM, BFuchs said:

Hi Vitalikssssss,

 

Tried that too, nothing changed.

 

Thanks,

Ben

Hi @BFuchs

Did you place the code into Datapage Header? HTML editor was disabled? 

This code is designed for Tabular report Datapage.

Send me a URL of the web-page via private message, so I could take a look.

Regards,

vitalikssssss

[Hiperf]

It worked for me, but how do you color only a single column?

[Hiperf]

Works! Thanks sandy!

 

[Kurumi]

Hi - Just an update, for dynamically changing the font color of field values based on a condition - you can use this solution/CSS: https://howto.caspio.com/tech-tips-and-articles/dynamically-changing-colors-of-values/

[Queso]

Hello - You may also want to check on this another forum post where they are trying to make the Calculated Field bold as well as changing the background color: