I used the script I posted above because It's a class driven javascript function. This is what you want to do.
STEP 1: I'm not sure your js proficiency. I'd suggest making a .js file for the script and a css file for the styles, however apex is really flexible as to how you want to implement it. In the example case, simply paste the following into your "header and footer" section (i've attached a link to the SS so you can see how it looks.) The js controls the functionality the style controls the color of the rows:
(screen shot)
http://img199.imageshack.us/img199/1539/step1nct.jpg
<script type="text/javascript">
// THIS DOES THE STRIPING
function decorateDataGrids (strClass) {
var tables = document.getElementsByTagName("table");
for (var i=tables.length; i--;) {
if (tables.className == strClass) {
var gridRows = tables.getElementsByTagName("tr");
for (var j=gridRows.length; j--;) { if (j%2) { gridRows[j].className = "even"; } }
}
}
}
window.onload = function () {
decorateDataGrids("apexir_WORKSHEET_DATA"); // THIS DOES THE STRIPING
}
</script>
<style>
/* THIS OVERRIDES APEX'S DEFAULT STYLES */
table.apexir_WORKSHEET_DATA tr.even td {
background-color:#F1F5FA !important;
}
table.apexir_WORKSHEET_DATA td {
background-color:#FFFFFF !important;
border:1px solid #B3B3A7 !important;
padding:4px 8px !important;
}
</style>
STEP 2: Paste the following into your image link:
(screen shot)
http://img205.imageshack.us/img205/1521/step2.jpg
<img src="#IMAGE_PREFIX#edit.gif" alt="" onload="decorateDataGrids('apexir_WORKSHEET_DATA');">
That's pretty much it
Good luck and enjoy!
Edited by: hugo_c on Jun 11, 2009 6:48 PM
