Queue: Alternate Row Colors

Hi Scott,

So I got bored and ventured a try.  I tried pure CSS but could not get it to completely work.  

<br>.nx-list-contents div:nth-child(odd) {<br>&nbsp; &nbsp; background-color: aliceblue;<br>}<br>.nx-list-contents div:nth-child(even) {<br>&nbsp; &nbsp; background-color: cornsilk;<br>}

Next, I tried an inline JavaScript and it works as long as the script is executed at the right time.  I am not quite sure what event to subscribe to?  Any way, try this:

(function(skuid){ var $ = skuid.$; $('body').on('tabshow', function(event){ $(".nx-list-contents .nx-item:odd").css("background-color", "aliceblue"); $(".nx-list-contents .nx-item:even").css("background-color", "cornsilk"); }); })(skuid);

Hi again,

Try this CSS:

.nx-list-contents .nx-item:nth-child(odd) {&nbsp; &nbsp; background-color: aliceblue;<br>}<br>.nx-list-contents .nx-item:nth-child(even) {<br>&nbsp; &nbsp; background-color: cornsilk;<br>}

nice work, Irvin!