Skip to main content

Is it possible to set the rows in the queue to alternate 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!