Alternate Colors in Table in a Database Activity
In order to create a table with alternating row colors in a database activity:
The following code goes into the javascript template:
function highlightRows() {
var myTables=document.getElementsByTagName('table');
var myRows = [];
for (var i=0;i<myTables.length;i++){
if (myTables[i].getAttribute('name')=='listviewrow'){
myRows.push(myTables[i]);
}
}
for (var i=0;i<myRows.length;i++){
myRows[i].className = 'd'+(i%2);
}
};
Then in the list view, you should switch to html mode and add to the table tag in the repeated entry section the following clause:
name='listviewrow'
and you need to add in the list footer section the following code:
<script type="text/javascript">highlightRows();</script>
Finally modify the css definitions in the css template to:
table.d0 td {
background-color: #FFFFFF; color: Black;
}
table.d1 td {
background-color: #F5F5DC; color: Black;
}
Color refers to the text color.