You could use jQuery to check for the content of the table cell ( td ), then add a class to the parent table row ( tr ) and style it accordingly.. something kind of like this.. it's a rough example but you can get the idea.
<script type="text/javascript">
$(document).ready(function() {
$("body.forms1_page_gf_entries td:contains('Yep')").parent("tr").addClass("greenrow");
$("body.forms1_page_gf_entries td:contains('Nope')").parent("tr").addClass("redrow");
});
</script>
then add the styles for the classes..
[css]
<style type="text/css">
tr.greenrow {
background-color: #CBECA0 !important;
color:#598527 !important
}
tr.greenrow a {
color:#598527 !important
}
tr.redrow {
background-color: #FAF2F5 !important;
color:#790000 !important
}
tr.redrow a {
color:#790000 !important
}
</style>
and here's what you come up with...
screenshot: http://bit.ly/pBDev4
Of course you'd need to customize that and enqueue the scripts those styles in your admin to get it done, but that's one idea.
Posted 13 years ago on Tuesday October 4, 2011 |
Permalink