Tiki Design

Posted by Gary Cunningham-Lee on Fri 19 of Sep, 2008 02:11 GMT-0000 posts: 254

It's set by CSS — something like:

tr.even {background: #ffffff}
tr.odd {background: #efefef}

If you want to get fancy, you can also do this:

tr.even:hover,
tr.odd:hover {background: #fff7e6}

to highlight the row the pointer is hovering over. Not all tables in Tiki have the same construction, having been done by different people at different times. In some cases the row doesn't have a class but the cells do, so you have maybe

tr td.even
tr td.odd

and sometimes there are no CSS classes used at all. It's best to use Firefox and the Firebug add-on to examine the page, to find out what CSS selectors and properties are being used.

-- Gary

Posted by seromine on Mon 22 of Sep, 2008 18:42 GMT-0000 posts: 11

Thanks! With the info you provided, I was able to find it and get most of it working. Also, great tip on the firebug extension, I wasnt aware of it and I can see how useful it is.....

I was able to shade most, but not all...for example with the information you gave me above, I was able to get this to shade.....
http://web1.co.douglas.or.us/tiki2/tiki-index.php?page=HomePage_1

which I would have thought then that all tracker displays would then shade....

but for some reason, this one doesnt shade.....
http://web1.co.douglas.or.us/tiki2/tiki-index.php?page=Staff+Pick

Not only does it not shade when viewed in a wikipage, but it also doesnt shade when viewing it within trackerlist....I cant seem to nail down why it doesnt shade, except for one little piece of the puzzle...

When I use your firebug plugin on firefox and inspect the element of the above, I do not see td even listed anywhere....whereas on the wiki listed above that does shade, I do see both td even and td odd.....probably has something to do with it, but I cant seem to move any further on a solution....

any ideas?

Posted by Gary Cunningham-Lee on Tue 23 of Sep, 2008 08:32 GMT-0000 posts: 254

On the Staff+Pick page, it looks to me like the table rows are all tr.odd, for some reason. This is why giving .odd and .even different colors is having no effect. Why they are all class="odd", I don't know. The code producing the table would have to be looked at, I imagine.

-- Gary