Background color in function of the field's value

erica
Topic Author
Offline
Senior Member

6 years 8 months ago - 6 years 8 months ago #72259 by erica

Background color in function of the field's value was created by erica

hello,
I want to change a background-color of a field (in frontend view) function of the value of the field.
eg : if value == 1 background : green else background : red;
How i can make this ?
I searched in forum but without result

Last edit: 6 years 8 months ago by ggppdk.

Please Log in or Create an account to join the conversation.

ggppdk
Offline
Administrator

6 years 8 months ago #72260 by ggppdk

Replied by ggppdk on topic Background color in function of the field's value

Hello

it is easy you can
- duplicate the default layout file of the field, modify it
- then select it in field configuration

e.g. for "text" field
duplicate

Code:

plugins\flexicontent_fields\text\tmpl\value_default.php

Code:

plugins\flexicontent_fields\text\tmpl\value_mycoloredlayout.php

-- Flexicontent is Free but involves a big effort on our part.
Like the our support? (for a bug-free FC, despite having a long list of functions) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing with a 5-star...

Please Log in or Create an account to join the conversation.

micker
Offline
Administrator

6 years 8 months ago #72261 by micker

Replied by micker on topic Background color in function of the field's value

or just working in template view (need to adapte on categorie view or item view)

Code:

<?php 
$backclass="";
if($item->field['tonchamps'] == 1{
$backclass="Toncodecouleurrouge";
} else {
$backclass="Toncodecouleurvert";
}
?>
<div class="<?php echo $backclass; ?>" ....

FLEXIcontent is Free but involves a very big effort on our part.
Like the our support? (for a bug-free FC, despite being huge extension) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing reviews. Thanks![/size]

Please Log in or Create an account to join the conversation.