Jump to content

Conditionally change color of text field in tabular report


Recommended Posts

Hi @pmcfarlain - you may try this forum post
 

This is the result I had

image.png

My code in HTML Block

 

<div id="visi-[@field:GUID]"></div>

<script>

var isi = document.getElementById("visi-[@field:GUID]");

if([@calcfield:1#] < 0 ){
 isi.parentNode.parentNode.classList.add('custom-less')
}

else{
 isi.parentNode.parentNode.classList.add('custom-greater');
}

</script>


Header

<style>

[class*="custom-"] * {
  color: inherit !important;
}

.custom-less {
  color: red;
  background-color: yellow !important;
}

.custom-greater{
  color: black;
  background-color: transparent !important;
}

</style>

I hope this helps!

Link to comment
Share on other sites

  • 6 months later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...