Is it possible to change the table row background color dynamically with scaffolding plugin?

[Thomas Schlegel]

Hi everyone,

I try to find a solution to the following tricky problem:

• I have a table-data table on a confluence page (using the scaffolding plugin)
• Users can dynamically create new rows in this table
• The background color of the newly created row should be set
  • either by finding a keyword in a specific column or
  • by adding some kind of css into the td or text-data field

Is this possible? Has anyone done something similar and give me some advice?

Thank you

Thomas

[xpauls · Accepted solution]

How I see it, you should use jQuery and make it act on some keyword, or use text-data or list-data to specify which type of data it is. Which one would work for you best?

[Thomas Schlegel]

Just a little more documentation in case someone is looking for something similar: 1) Add a CSS stylesheet on the page: .greenBG { background: green: } 2) Add a script like this on the page: <script type="text/javascript"> AJS.toInit(function(){ AJS.$("td:contains('green')").parent().addClass('greenBG'); }); </script>

[Gerrit Berberich]

Hi Thomas,

this comment is quite interesting. Is it still working with e.g. version 6.5.x?

Where do you place CSS? Administration > Look and Feel > Stylesheet?

The jQuery is part of the user macro?

I have tried something with Confluence classes but I don't get it run:

$("td:contains('1')").addClass('highlight-red confluenceTd');

Thanks for your help

[xpauls]

Glad I could help.

[Thomas Schlegel]

Thank you so much for pointing me to the jQuery direction!! It is working great. Pleasae convert your comment to an answer, so I can accept it.

[Thomas Schlegel]

No, it should get its background color by inserting the row and keep that color. The color is representing a different kind of data, e.g. the red colored rows are somehow different from the green ones. Ideally, the color should be changed by edititing the table data.

[xpauls]

So only the new rows are highlighted? And color from previously colored rows are removed?

[Thomas Schlegel]

The color should persist after saving the page.

[xpauls]

Should the background color only be changed during editing or it should persist after saving the page?