How to change the color of specific label

[SunakoChan]

Hi Team,

May I know how to change the color of specific label?

For example I have 3 field and I want to set the first to blue then the second to Red then the last will be Yellow.

Thanks in advance!

[telly]

Hi @SunakoChan,

The easiest way that I can think for tabular is to add the code on the actual label like this:

Basically you will add the start tag before the label value, then end tag on the end of the label value. <div style="color:#00d7ff;">User ID</div> 




It will look like this:



I hope this helps

[astroboy]

Just to add on this, I believe you can also place the code inside an App Parameter and use that for your labels inside your DataPage. Here's a HowTo article for more information: https://howto.caspio.com/apps/app-parameters/using-app-parameters/

[Flowers4Algernon]

Hi, this post may also be helpful: 

 

[MickyMartian232]

Hi

I'm trying to change the color of the labels on mandatory fields in the edit/detail views.

I created a custom.less css file with the following

.redlabel {
    color: black;
    background-color : yellow;    
}
label {
  color: red;
}

When I add the css class to the field in the record.php the background color and text of the field https://francelottoresult.co.za/ changes but not the label, is this affected somewhere else?

record.php

array (
        'css_class' => 'redlabel',  
                'name' => 'gig_date_from_c',
                'label' => 'LBL_GIG_DATE_FROM',
              ),

Edited August 16, 2022 by MickyMartian232
Something mising

[telly]

Hi @MickyMartian232,

You may use the inspect element then get the class of the label and use that class to your style:

[MickyMartian232]

 

How to change font color to a specific label of a expression?Based on a conditional.

 

Hello

 

I need to change the font color to a specific label of a expression based on a conditional.

I have a straight table, because I need different sizes of dimensions https://greecepowerballresults.co.za/ and expressions and the pivot table does not allowed it.

 

 

Please advise.

Thanks!

Edited August 19, 2022 by MickyMartian232
Something mising

[Kurumi]

Hi @MickyMartian232- this forum post might help:

 

[Kurumi]

Hello - Just wanted to share another way to dynamically change the color of the calculated value/field when a condition is met using CSS.

You can insert this in the Header:

<style>
span.cbFormCalculatedField:has(+ input[name="cbParamVirtual1"][value="No"])  {
  color: #2543be;
}

span.cbFormCalculatedField:has(+ input[name="cbParamVirtual1"][value="Yes"])  {
  color: #29be25;
}

</style>

If you have more conditions or other fields, you can use this:

<style>
span.cbFormCalculatedField:has(+ input[name="cbParamVirtual1"][value="No"])  {
  color: #2543be;
}

span.cbFormCalculatedField:has(+ input[name="cbParamVirtual1"][value="Yes"])  {
  color: #29be25;
}

span.cbFormCalculatedField:has(+ input[name="InsertRecordFIELDNAME"][value="Inactive"])  {
  color: #2543be;
}

span.cbFormCalculatedField:has(+ input[name="InsertRecordFIELDNAME"][value="Active"])  {
  color: #29be25;
}
</style>

Hope it helps!

[Queso]

Hi!

If a user submission causes an error, it is important that they see exactly where the problem is. In addition to displaying an error marker, you can also change the label color of the problem field. This creates a stronger visual prompt. Click Here for that Caspio HowTo article.