Loading...
 
Skip to main content

Tiki Design

Forum List Topic List

Forums » Tiki Design » Alternate Shading on Tracker Display
 
Thread actions

    • Alternate Shading on Tracker Display

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

    Hello!

    Could someone give me an angle for manipulating a theme to allow for alternate shading in tracker display?

    For example, notice that this displays tracker info with alternate shading....
    http://themes.tikiwiki.org/tiki-view_tracker.php?trackerId=1

    I am working on a Staff Picks project for the library I work at, with a theme and css modified before I started working....notice that the following does not have alternate shading and therefore makes it harder to see the seperation between the entries.....

    http://web1.co.douglas.or.us/tiki2/tiki-index.php?page=Staff+Pick

    Is this a css issue? .tpl issue? Any general guidance greatly appreciated.....

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

    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 Japan

    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