Hi. I would like to style the contents of a cell in Ari Data Tables, based on the contents of the SQL Query.

This works:

cell in SQL database contains:

<font color="green"><strong>Retain</strong></font>

which results in green bold text in the cell.

However, applying the same as a CSS style does not:

<div id="retain">Retain</div>

with the style being:

#retain {
color: #090000;
font-weight: bold;
}
And having added that style in the control panel "CSS Styles" field.

I would like to be able to style with divs and CSS as it is much more flexible.

What am I doing wrong?

Hello,

Can we see the problem anywhere?

Regards,
ARI Soft

Here is a screenshot of the MySQL Table, with two records. The first uses the HTML FONT and STRONG tags to render output, which works. The second attempts to use a CSS ID in a div tag, which does not work.

I've tried putting the CSS in the ADT control panel CSS Styles field, and in template custom.css.

Maybe I am putting the CSS in the wrong place?

Darn - my image was too big. Here it is again

We asked about a link to a page where we can see the problem. We can't investigate this problem by a screenshot.

Regards,
ARI Soft

dev.nmjpec.org/en/judge-evaluations/2008

In the ARI Data Table:

The first record, Aragon, Abigail "Retain" field is colored green via the following deprecated HTML tags in the source MySQL table field:

<font color="green"><strong>Retain</strong></font>

The second record, Aragon, Robert "Retain" field is not colored but should be. The contents of the source data filed is:

<div id="retain">Retain</div>

For some reason the CSS rule is not being parsed and rendered:

#retain {
color: #090000;
font-weight: bold;
}

This rule is located in both the "CSS Styles" field of the Ari Data Tables control panel, (see screenshot) and in the template's "custom.css" file.